<div class="contentdata">
            <div id="content-primary" class="p-0">

                <div class="desktop-only">
                    <div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
                        <div class="carousel-indicators">
                        <?php
               // Ambil daftar banner dari database
               $queryBanners = "SELECT * FROM tb_slide";
               $resultBannersMobile = mysqli_query($conn, $queryBanners);

               // Tampilkan indikator carousel secara dinamis
               $active = 'active';
               $index = 0;
               while ($banner = mysqli_fetch_assoc($resultBannersMobile)) {
               echo'<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="' . $index . '" class="' . $active . '" $aria-current="true" data-bs-slide-to="'.$banner['cuid'].'"></button>';
               $active = '';
               $index++;
               }
               ?>
               </div>

               <div class="carousel-inner" style="height: 100%">
                              <?php
                              // Tampilkan slide secara dinamis
                              $active = 'active';
                              mysqli_data_seek($resultBannersMobile, 0); // Kembalikan kursor ke awal
                              while ($banner = mysqli_fetch_assoc($resultBannersMobile)) {
                              echo '<div class="carousel-item ' . $active . '" style="height: 100%">
                              <img src="../upload/' .$banner['image'] . '" alt="' . $banner['deskripsi'] . '" class="d-block w-100" width="500" height="267">
                           </div>';
                         $active = '';
                        }
                        ?>
                        </div>
                    </div>

                </div>

            </div>
        </div>