<?php
/**
 * connected_partners.php - Premium Partner Slider
 * Features: Auto-play, Draggable, Navigation Buttons, Responsive
 */

// ডাটাবেজ থেকে অ্যাক্টিভ পার্টনারদের তথ্য সংগ্রহ
// $conn আপনার ডাটাবেজ কানেকশন ভেরিয়েবল হতে হবে
$partners_query = mysqli_query($conn, "SELECT * FROM partners WHERE status='Active' ORDER BY sort_order ASC");
?>

<!-- Swiper CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<link rel="stylesheet" href="assets/css/style.css">

<section class="features-section">
    <div class="section-header">   
        <h2>আমাদের <span style="color: var(--primary-color);">সফল</span> ক্লায়েন্ট</h2>
                <span style="display: block; width: 80px; height: 5px; background: var(--primary-color); margin: 10px auto;"></span>
    </div>

    <!-- স্লাইডার এরিয়া -->
    <div class="partner-slider-container">
        <div class="swiper partnerSwiper">
            <div class="swiper-wrapper">
                <?php 
                if($partners_query && mysqli_num_rows($partners_query) > 0):
                    while($partner = mysqli_fetch_assoc($partners_query)): 
                ?>
                    <div class="swiper-slide">
                        <div class="partner-logo-box" title="<?php echo htmlspecialchars($partner['partner_name']); ?>">
                            <img src="<?php echo $partner['logo_url']; ?>" 
                                 alt="<?php echo htmlspecialchars($partner['partner_name']); ?>"
                                 onerror="this.src='https://via.placeholder.com/150?text=Logo'">
                        </div>
                    </div>
                <?php 
                    endwhile; 
                else:
                    // ডাটাবেজে ডাটা না থাকলে ডামি স্লাইড (চেক করার জন্য)
                    for($i=1; $i<=6; $i++){
                        echo '<div class="swiper-slide"><div class="partner-logo-box"><img src="https://via.placeholder.com/150?text=Partner+'.$i.'"></div></div>';
                    }
                endif; 
                ?>
            </div>

            <!-- নেভিগেশন বাটন -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </div>
</section>

<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

<!-- স্লাইডার কনফিগারেশন -->
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const swiper = new Swiper('.partnerSwiper', {
            // সেটিংস
            slidesPerView: 2,
            spaceBetween: 20,
            loop: true, // ইনফিনিট স্লাইডিং
            grabCursor: true, // মাউস ড্র্যাগ করার সুবিধা
            autoplay: {
                delay: 3000, // ৩ সেকেন্ড পর পর চেঞ্জ হবে
                disableOnInteraction: false, // মাউস দিয়ে সরানোর পরও অটো স্লাইডিং চালু থাকবে
            },
            // নেভিগেশন এরো
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            // রেসপনসিভ ব্রেকপয়েন্ট
            breakpoints: {
                640: {
                    slidesPerView: 3,
                    spaceBetween: 20,
                },
                768: {
                    slidesPerView: 4,
                    spaceBetween: 30,
                },
                1024: {
                    slidesPerView: 5,
                    spaceBetween: 40,
                },
            }
        });
    });
</script>