<?php
// Footer'da kullanılacak verileri çekiyoruz (Eğer sayfada daha önce çekilmediyse)
if (!isset($db)) {
    require_once __DIR__ . '/includes/db.php';
}

// 1. İletişim ve Sosyal Medya Ayarlarını Çek
$footer_ayar = $db->query("SELECT * FROM settings WHERE id = 1")->fetch();

// 2. Kurumsal Sayfaları Çek (Sözleşmeler, Hakkımızda vs.)
$footer_sayfalar = $db->query("SELECT * FROM pages WHERE status = 1 ORDER BY id ASC")->fetchAll();

// Proje ana dizinini belirle (Alt klasörlerden de hatasız linkleme yapmak için)
$kok_dizin = "/magaza/";
?>

<footer class="bg-dark text-white pt-5 pb-3 mt-5 shadow-lg border-top border-primary border-5">
    <div class="container">
        <div class="row">
            
            <div class="col-md-4 mb-4">
                <h5 class="fw-bold text-primary mb-3">Sınav Koçu</h5>
                <p class="text-white-50 small mb-4">
                    Türkiye'nin en güvenilir eğitim platformu. Kitap, kırtasiye ve dijital deneme kulübü abonelikleriyle hedefinize ulaşın. Başarıya giden yolda daima yanınızdayız.
                </p>
                <div class="text-white-50 small">
                    <p class="mb-2"><i class="bi bi-geo-alt text-primary me-2"></i> <?= htmlspecialchars($footer_ayar['address'] ?: 'Merkez Ofis, Türkiye') ?></p>
                    <p class="mb-2"><i class="bi bi-telephone text-primary me-2"></i> <?= htmlspecialchars($footer_ayar['phone'] ?: '0850 000 00 00') ?></p>
                    <p class="mb-2"><i class="bi bi-envelope text-primary me-2"></i> <?= htmlspecialchars($footer_ayar['email'] ?: 'bilgi@sinavkocu.com') ?></p>
                </div>
            </div>
            
            <div class="col-md-3 mb-4">
                <h5 class="fw-bold mb-3">Hızlı Menü</h5>
                <ul class="list-unstyled">
                    <li class="mb-2"><a href="<?= $kok_dizin ?>index.php" class="text-decoration-none text-white-50 footer-link"><i class="bi bi-chevron-right small text-primary me-1"></i> Ana Sayfa</a></li>
                    <li class="mb-2"><a href="<?= $kok_dizin ?>urun-kategori.php?kategori=deneme-paketi" class="text-decoration-none text-white-50 footer-link"><i class="bi bi-chevron-right small text-primary me-1"></i> Deneme Paketi</a></li>
                    <li class="mb-2"><a href="<?= $kok_dizin ?>kullanici/siparisler.php" class="text-decoration-none text-white-50 footer-link"><i class="bi bi-chevron-right small text-primary me-1"></i> Sipariş / Kargo Takip</a></li>
                    <li class="mb-2"><a href="<?= $kok_dizin ?>iletisim.php" class="text-decoration-none text-white-50 footer-link"><i class="bi bi-chevron-right small text-primary me-1"></i> Bize Ulaşın</a></li>
                </ul>
            </div>

            <div class="col-md-2 mb-4">
                <h5 class="fw-bold mb-3">Kurumsal</h5>
                <ul class="list-unstyled">
                    <?php if(count($footer_sayfalar) > 0): ?>
                        <?php foreach($footer_sayfalar as $sayfa): ?>
                            <li class="mb-2">
                                <a href="<?= $kok_dizin ?>sayfa.php?slug=<?= $sayfa['slug'] ?>" class="text-decoration-none text-white-50 footer-link">
                                    <i class="bi bi-chevron-right small text-primary me-1"></i> <?= htmlspecialchars($sayfa['title']) ?>
                                </a>
                            </li>
                        <?php endforeach; ?>
                    <?php else: ?>
                        <li class="text-white-50 small">Sayfa bulunamadı.</li>
                    <?php endif; ?>
                </ul>
            </div>
            
            <div class="col-md-3 mb-4">
                <h5 class="fw-bold mb-3">Güvenli Alışveriş</h5>
                <p class="text-white-50 small mb-3">Kredi kartı ve Havale/EFT ile %100 güvenli ödeme altyapısı. 256-bit SSL koruması altındasınız.</p>
                <div class="d-flex gap-2 mb-4 fs-3">
                    <i class="bi bi-credit-card-2-front text-white-50" title="Kredi Kartı"></i>
                    <i class="bi bi-shield-lock text-white-50" title="SSL Koruması"></i>
                    <i class="bi bi-bank text-white-50" title="Havale/EFT"></i>
                </div>
                
                <h6 class="fw-bold mb-2">Bizi Takip Edin</h6>
                <div class="d-flex gap-2">
                    <?php if(!empty($footer_ayar['facebook'])): ?>
                        <a href="<?= htmlspecialchars($footer_ayar['facebook']) ?>" target="_blank" class="btn btn-outline-light btn-sm rounded-circle"><i class="bi bi-facebook"></i></a>
                    <?php endif; ?>
                    <?php if(!empty($footer_ayar['instagram'])): ?>
                        <a href="<?= htmlspecialchars($footer_ayar['instagram']) ?>" target="_blank" class="btn btn-outline-light btn-sm rounded-circle"><i class="bi bi-instagram"></i></a>
                    <?php endif; ?>
                    <?php if(!empty($footer_ayar['twitter'])): ?>
                        <a href="<?= htmlspecialchars($footer_ayar['twitter']) ?>" target="_blank" class="btn btn-outline-light btn-sm rounded-circle"><i class="bi bi-twitter-x"></i></a>
                    <?php endif; ?>
                    <?php if(!empty($footer_ayar['youtube'])): ?>
                        <a href="<?= htmlspecialchars($footer_ayar['youtube']) ?>" target="_blank" class="btn btn-outline-light btn-sm rounded-circle"><i class="bi bi-youtube"></i></a>
                    <?php endif; ?>
                </div>
            </div>
            
        </div>
        
        <hr class="border-secondary my-4">
        
        <div class="row align-items-center">
            <div class="col-md-6 text-center text-md-start text-white-50 small mb-2 mb-md-0">
                &copy; <?= date("Y") ?> <?= htmlspecialchars($footer_ayar['title'] ?: 'Sınav Koçu') ?>. Tüm hakları saklıdır.
            </div>
            <div class="col-md-6 text-center text-md-end text-white-50 small">
                Altyapı & Yazılım: <strong>Sınav Koçu Bilişim</strong>
            </div>
        </div>
    </div>
</footer>

<style>
    .footer-link { transition: all 0.2s ease; }
    .footer-link:hover { color: #fff !important; padding-left: 5px; }
</style>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script>
document.addEventListener('DOMContentLoaded', function() {
    
    // GÜNCELLEME: GLOBAL SEPETE EKLEME MOTORU (Event Delegation Yöntemi)
    // Bu yöntem sayesinde sitedeki Tıklama olaylarını sadece 1 merkezden yönetiriz. Çift tetiklenme (double-fire) engellenir.
    document.body.addEventListener('click', function(e) {
        
        // Tıklanan öğe bir '.sepete-ekle-btn' mi kontrol et
        const btn = e.target.closest('.sepete-ekle-btn');
        if (!btn) return; // Eğer değilse hiçbir şey yapma
        
        e.preventDefault();
        e.stopImmediatePropagation(); // Diğer olası sepete ekle scriptlerinin çalışmasını zorla durdur

        if (btn.disabled) return; // Zaten işlem yapılıyorsa durdur

        const productId = btn.getAttribute('data-id');
        const quantity = 1; // Vitrin/Kategori sayfalarında her zaman 1 adet eklenir
        
        // Butonu "Ekleniyor..." moduna al
        const originalHTML = btn.innerHTML;
        btn.innerHTML = '<span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>...';
        btn.disabled = true;

        const formData = new FormData();
        formData.append('action', 'add');
        formData.append('product_id', productId);
        formData.append('quantity', quantity);

        // Fetch ile arkaplanda sepet-islem.php'ye istek at
        fetch('<?= $kok_dizin ?>sepet-islem.php', {
            method: 'POST',
            body: formData,
            credentials: 'same-origin' // ÇOK ÖNEMLİ: Cookie'nin kaydedilmesini sağlar!
        })
        .then(response => response.json())
        .then(data => {
            // İşlem bitince butonu eski haline getir
            btn.innerHTML = originalHTML;
            btn.disabled = false;

            if(data.status === 'success') {
                // Header'daki sepet rozetindeki (badge) rakamı güncelle
                const cartBadge = document.getElementById('cartBadge');
                if(cartBadge && data.total_items !== undefined) {
                    cartBadge.innerText = data.total_items;
                    cartBadge.classList.add('animate__animated', 'animate__rubberBand');
                    setTimeout(() => { cartBadge.classList.remove('animate__rubberBand'); }, 1000);
                }

                // BAŞARILI POPUP (SWEETALERT2)
                if(typeof Swal !== 'undefined') {
                    Swal.fire({
                        title: 'Harika!',
                        text: data.message,
                        icon: 'success',
                        showCancelButton: true,
                        confirmButtonText: '<i class="bi bi-cart-check me-1"></i> Sepete Git',
                        cancelButtonText: 'Alışverişe Devam Et',
                        reverseButtons: true,
                        customClass: {
                            confirmButton: 'btn btn-success px-4 py-2 fw-bold rounded-pill mx-2 shadow-sm',
                            cancelButton: 'btn btn-secondary px-4 py-2 fw-bold rounded-pill mx-2 shadow-sm'
                        },
                        buttonsStyling: false
                    }).then((result) => {
                        if (result.isConfirmed) {
                            window.location.href = "<?= $kok_dizin ?>sepet.php";
                        }
                    });
                } else {
                    alert(data.message);
                }

            } else {
                // HATA DURUMU POPUP (Örn: Stok Yetersiz)
                if(typeof Swal !== 'undefined') {
                    Swal.fire({
                        title: 'Hata!',
                        text: data.message,
                        icon: 'warning',
                        confirmButtonText: 'Tamam',
                        customClass: {
                            confirmButton: 'btn btn-danger px-4 py-2 fw-bold rounded-pill shadow-sm'
                        },
                        buttonsStyling: false
                    });
                } else {
                    alert(data.message);
                }
            }
        })
        .catch(error => {
            console.error('Fetch Hatası:', error);
            btn.innerHTML = originalHTML;
            btn.disabled = false;
            
            // BAĞLANTI HATASI POPUP
            if(typeof Swal !== 'undefined') {
                Swal.fire({
                    title: 'Bağlantı Hatası!',
                    text: 'Sepete eklenirken sistemsel bir sorun oluştu.',
                    icon: 'error',
                    confirmButtonText: 'Tamam',
                    customClass: {
                        confirmButton: 'btn btn-danger px-4 py-2 fw-bold rounded-pill shadow-sm'
                    },
                    buttonsStyling: false
                });
            } else {
                alert("Bağlantı hatası oluştu.");
            }
        });
    });
});
</script>
<div id="cookieToast" class="fixed bottom-6 left-6 z-[9999] w-full max-w-[380px] bg-slate-900 text-white rounded-2xl shadow-2xl transform transition-all duration-700 translate-y-32 opacity-0 flex flex-col p-5 border border-slate-700/50 backdrop-blur-sm" style="position: fixed; bottom: 1.5rem; left: 1.5rem; z-index: 9999; max-width: 380px; background-color: #0f172a; border-radius: 1rem; padding: 1.25rem; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); transition: all 0.7s; transform: translateY(8rem); opacity: 0;">
    <div class="flex items-start gap-4" style="display: flex; align-items: flex-start; gap: 1rem;">
        <div class="bg-white/10 p-3 rounded-full shrink-0 flex items-center justify-center w-12 h-12" style="background-color: rgba(255,255,255,0.1); padding: 0.75rem; border-radius: 9999px; flex-shrink: 0; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center;">
            <i class="bi bi-cookie text-warning fs-3"></i>
        </div>
        
        <div class="flex-1" style="flex: 1;">
            <h3 class="font-bold text-base mb-1" style="font-weight: 700; font-size: 1rem; margin-bottom: 0.25rem;">Çerez Tercihleri</h3>
            <p class="text-xs text-slate-300 leading-relaxed mb-4" style="font-size: 0.75rem; color: #cbd5e1; line-height: 1.625; margin-bottom: 1rem;">
                Size daha iyi bir deneyim sunmak için çerezleri kullanıyoruz. 
                <a href="<?= $kok_dizin ?>sayfa.php?slug=cerez-politikasi" class="text-info hover:text-blue-300 text-decoration-underline">Politikamızı inceleyebilirsiniz.</a>
            </p>
            
            <div class="d-flex gap-2">
                <button onclick="acceptCookies()" class="btn btn-light btn-sm flex-grow-1 fw-bold shadow-sm" style="font-size: 0.75rem; text-transform: uppercase;">
                    Kabul Et
                </button>
                <button onclick="rejectCookies()" class="btn btn-outline-secondary btn-sm fw-bold text-light border-secondary" style="font-size: 0.75rem;">
                    Reddet
                </button>
            </div>
        </div>
        <button onclick="closeBanner()" class="btn-close btn-close-white position-absolute top-0 end-0 m-3" style="font-size: 0.6rem;"></button>
    </div>
</div>

<div id="ozelCerezKutusu" style="position: fixed; bottom: 24px; left: 24px; z-index: 999999; width: 100%; max-width: 380px; background-color: #111827; color: white; padding: 20px; border-radius: 16px; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5); font-family: system-ui, -apple-system, sans-serif; transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(150%); opacity: 0; display: flex; gap: 16px; box-sizing: border-box;">

    <div style="background-color: #1f2937; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
        <svg width="22" height="22" viewBox="0 0 24 24" fill="#facc15" xmlns="http://www.w3.org/2000/svg">
            <path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 10.86 21.8 9.77 21.44 8.76C20.37 8.91 19.26 8.58 18.42 7.74C17.27 6.59 17.06 4.86 17.76 3.49C16.03 2.54 14.08 2 12 2ZM10 15C9.45 15 9 14.55 9 14C9 13.45 9.45 13 10 13C10.55 13 11 13.45 11 14C11 14.55 10.55 15 10 15ZM11.5 9.5C10.67 9.5 10 8.83 10 8C10 7.17 10.67 6.5 11.5 6.5C12.33 6.5 13 7.17 13 8C13 8.83 12.33 9.5 11.5 9.5ZM15 17C14.45 17 14 16.55 14 16C14 15.45 14.45 15 15 15C15.55 15 16 15.45 16 16C16 16.55 15.55 17 15 17Z"/>
        </svg>
    </div>

    <div style="flex-grow: 1;">
        <h3 style="margin: 0 0 6px 0; font-size: 15px; font-weight: 700; color: white;">Çerez Tercihleri</h3>
        <p style="margin: 0 0 16px 0; font-size: 13px; color: #9ca3af; line-height: 1.5;">
            Size daha iyi bir deneyim sunmak için çerezleri kullanıyoruz. <a href="<?= $kok_dizin ?? '/magaza/' ?>sayfa.php?slug=cerez-politikasi" style="color: #60a5fa; text-decoration: none;">Politikamızı inceleyebilirsiniz.</a>
        </p>
        <div style="display: flex; gap: 12px;">
            <button onclick="cerezKabulEt()" style="flex: 1; background-color: white; color: #111827; border: none; padding: 10px; border-radius: 8px; font-weight: 800; font-size: 12px; cursor: pointer; text-transform: uppercase; transition: background-color 0.2s;">
                Kabul Et
            </button>
            <button onclick="cerezReddet()" style="background-color: transparent; color: #9ca3af; border: 1px solid #374151; padding: 10px 16px; border-radius: 8px; font-weight: 600; font-size: 12px; cursor: pointer; transition: color 0.2s, border-color 0.2s;">
                Reddet
            </button>
        </div>
    </div>

    <button onclick="cerezKapat()" style="position: absolute; top: 12px; right: 12px; background: none; border: none; color: #6b7280; cursor: pointer; font-size: 18px; line-height: 1; padding: 4px; display: flex; align-items: center; justify-content: center;">
        <svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
            <path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"/>
        </svg>
    </button>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {
    
    // Geliştirici Notu: Kodu test ederken sürekli pencerenin çıkması için 
    // aşağıdaki kodun başındaki "//" işaretlerini kaldırıp sayfayı yenileyebilirsin.
    // İşin bitince tekrar "//" eklemeyi unutma!
    // localStorage.removeItem('sinavkocu_cerez_onayi');

    const cerezOnayi = localStorage.getItem('sinavkocu_cerez_onayi');
    
    if (!cerezOnayi) {
        setTimeout(() => {
            const kutu = document.getElementById('ozelCerezKutusu');
            if(kutu) {
                kutu.style.transform = 'translateY(0)';
                kutu.style.opacity = '1';
            }
        }, 500); // Sayfa açıldıktan yarım saniye sonra kayarak çıkar
    }
});

function cerezKabulEt() {
    localStorage.setItem('sinavkocu_cerez_onayi', 'kabul');
    cerezKapat();
}

function cerezReddet() {
    localStorage.setItem('sinavkocu_cerez_onayi', 'red');
    cerezKapat();
}

function cerezKapat() {
    const kutu = document.getElementById('ozelCerezKutusu');
    if(kutu) {
        kutu.style.transform = 'translateY(150%)';
        kutu.style.opacity = '0';
        setTimeout(() => { kutu.style.display = 'none'; }, 600); // Kaybolma animasyonu bitince gizle
    }
}
</script>
<?php include_once(__DIR__ . '/visitor_tracker.php'); ?>
</body>
</html>