<main id="main-route">
    <div class="main-content promo">
<div class="container">
    <nav class="breadcrumb-container">
        <ul class="breadcrumb-list">
            <li class="breadcrumb-item" text="" url="">
                <a href="" class="breadcrumb-link" target="_self"></a>
            </li>
            <!--            <li class="breadcrumb-item" text="Promotion" url="?page=promosi">-->
            <!--    <a href="?page=promosi" class="breadcrumb-link" target="_self">Promotion</a>-->
            <!--</li>-->
                    </ul>
    </nav>
</div>  <div class="container">
        <div class="promo__container">
            <div class="page-header">Promosi Terbaru</div>
            <div class="promo__list">
                                    <?php
                            $query = mysqli_query($koneksi, "SELECT * FROM tb_bonus");
                            while ($data = mysqli_fetch_array($query)) {
                                ?>
                                <a href="?page=detail_promo&id=<?php echo $data['id'] ?>">
                        <div class="list-item">
                            <div class="item-image">
                                <img src="../uploads/fotopromosi/<?php echo $data['gambar'] ?>" alt="">
                            </div>
                            <div class="item-context">
                                <h6><?php echo $data['judul']; ?></h6>
                                
                                <button class="btn-custom">Selengkapnya</button>
                            </div>
                        </div>
                    </a>
                                
                                <?php
                            }
                            ?>
                            </div>
        </div>
    </div>
</div>
<div class="main-content game">
    <div class="container">
            <div class="game__seo">
    <div hidden="" id="title-seo">MPO777: Promosi</div>
        <div class="seo-mobile showFooter">
                <div class="seo-mob-content">
            <h1>Promosi</h1><p>Promosi</p>
        </div>
            </div>
        </div>
    </div>
</div>
<script>
    $(document).ready(function () {
        filterPromoSelection('all')
    });
</script>

</main>