MASTER

SAVING...

BERHASIL DIUBAH!

EDITING: promosi.php

<div class="promotions-background-container" data-container-background="promotions" style="--image-src:url(../bundles/img/bg/slots.jpg)">
    <div class="container">
        <div class="row promotions-container">
            <div class="col-sm-3" style="background-color: black">
                <div class="top-tab-container promotion">
                    <a href="?page=promosi" data-active=true>Semua Promosi </a>
                    <a href="#" data-active=false>Semua Event Provider </a>
                </div>
                <ul class="standard-side-menu">
                    <li>
                        <a href="?page=promosi" data-active=true>Semua Promosi </a>
                    </li>
                    <li>
                        <a href="#" data-active=false>Member Baru </a>
                    </li>
                    <li>
                        <a href="#" data-active=false>Olahraga </a>
                    </li>
                    <li>
                        <a href="#" data-active=false>Live Casino </a>
                    </li>
                    <li>
                        <a href="#" data-active=false>Slots </a>
                    </li>
                    <li>
                        <a href="#" data-active=false>Poker </a>
                    </li>
                </ul>
            </div>
            <div class="col-sm-9">
                <div class="promotion-list">

<?php 
                    $query = mysqli_query($koneksi, "SELECT * FROM tb_bonus");
                    while ($data = mysqli_fetch_array($query)) {
                        ?>
                        <div class="promotion-item promotion_item">
                            <img src="../uploads/fotopromosi/<?php echo $data['gambar'] ?>">
                            <div class=button-container>
                                <div class=promotion-label>
                                    <h2><?php echo $data['text'] ?></h2>
                                    <h3>
                                        Tanggal akhir: <span>Aktif Selamanya</span>
                                    </h3>
                                </div>
                                <div>
                                    <a href="?page=deposit" class=click-for-get-promo-button>Get Promo </a>
                                    <button type=button class="click-for-more-info-button click_for_more_info_button">Detail </button>
                                </div>
                            </div>
                            <div class=promotion-info>
                                <button type=button class="close-button close_button">
                                    <span>×</span>
                                </button>
                                
                                <div class=promotion-title>
                                    <h2 style="color: black"><?php echo $data['judul'] ?></h2>
                                    
                                </div>
                                <p>
                                    <?php echo $data['text'] ?>
                                </p>
                            </div>
                            <?php
                        }

?>
                    </div>

</div>
            </div>
        </div>
    </div>
</div>
</div>
</div>
</div>

// Tambahkan event listener untuk setiap tombol detail
    detailButtons.forEach(function(button) {
        button.addEventListener('click', function() {
            // Cari elemen 'promotion-info' terkait
            var promotionInfo = this.parentElement.parentElement.nextElementSibling;
            
            // Toggle tampilan informasi detail ketika tombol diklik
            if (promotionInfo.style.display === '' || promotionInfo.style.display === 'none') {
                promotionInfo.style.display = 'block';
            } else {
                promotionInfo.style.display = 'none';
            }
        });
    });

var closeButton = document.querySelectorAll('.close-button');

// Tambahkan event listener untuk setiap tombol "X"
    closeButton.forEach(function(button) {
        button.addEventListener('click', function() {
            // Sembunyikan elemen 'promotion-info' terkait
            var promotionInfo = this.parentElement;
            promotionInfo.style.display = 'none';
        });
    });
</script>