bildirchin/views/layout/footer.php

<footer class="bg-stone-900 text-stone-300 mt-auto pt-14 pb-8 border-t border-stone-800">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10 pb-10 border-b border-stone-800">
            <!-- Col 1: About Farm -->
            <div>
                <div class="flex items-center gap-3 mb-4">
                    <div class="w-10 h-10 rounded-lg bg-amber-600 text-white flex items-center justify-center shadow">
                        <i class="fas fa-feather-alt text-xl"></i>
                    </div>
                    <span class="text-lg font-extrabold text-white"><?= \Bildirchin\Config::APP_NAME ?></span>
                </div>
                <p class="text-sm text-stone-400 leading-relaxed mb-5">
                    بزرگ‌ترین مجتمع زنجیره‌ای اصلاح نژاد، تولید و پرورش صنعتی بلدرچین در کشور. عرضه مستقیم گوشت کشتار روز، تخم نطفه‌دار و خوراکی، جیره غذایی و دان استاندارد با بالاترین کیفیت و مجوزهای رسمی دامپزشکی.
                </p>
                <div class="flex items-center gap-3 text-stone-400">
                    <a href="https://t.me/<?= \Bildirchin\Config::TELEGRAM ?>" class="w-9 h-9 rounded-full bg-stone-800 hover:bg-sky-600 hover:text-white flex items-center justify-center transition" title="کانال تلگرام"><i class="fab fa-telegram"></i></a>
                    <a href="https://wa.me/98<?= substr(\Bildirchin\Config::WHATSAPP, 1) ?>" class="w-9 h-9 rounded-full bg-stone-800 hover:bg-emerald-600 hover:text-white flex items-center justify-center transition" title="واتساپ"><i class="fab fa-whatsapp"></i></a>
                    <a href="tel:<?= \Bildirchin\Config::PHONE ?>" class="w-9 h-9 rounded-full bg-stone-800 hover:bg-amber-600 hover:text-white flex items-center justify-center transition" title="تماس تلفنی"><i class="fas fa-phone"></i></a>
                </div>
            </div>

            <!-- Col 2: Quick Links -->
            <div>
                <h3 class="text-white font-bold text-base mb-4 flex items-center gap-2">
                    <span class="w-2 h-2 rounded-full bg-amber-500"></span> دسترسی سریع
                </h3>
                <ul class="space-y-2.5 text-sm">
                    <li><a href="/products" class="hover:text-amber-400 transition flex items-center gap-2"><i class="fas fa-angle-left text-xs text-amber-500"></i> فروشگاه و کاتالوگ محصولات</a></li>
                    <li><a href="/wholesale" class="hover:text-amber-400 transition flex items-center gap-2"><i class="fas fa-angle-left text-xs text-amber-500"></i> جدول تخفیف و فروش عمده</a></li>
                    <li><a href="/track" class="hover:text-amber-400 transition flex items-center gap-2"><i class="fas fa-angle-left text-xs text-amber-500"></i> پیگیری آنلاین وضعیت سفارش</a></li>
                    <li><a href="/blog" class="hover:text-amber-400 transition flex items-center gap-2"><i class="fas fa-angle-left text-xs text-amber-500"></i> مقالات و آموزش پرورش بلدرچین</a></li>
                    <li><a href="/about" class="hover:text-amber-400 transition flex items-center gap-2"><i class="fas fa-angle-left text-xs text-amber-500"></i> درباره تاریخچه و ظرفیت مزرعه</a></li>
                    <li><a href="/contact" class="hover:text-amber-400 transition flex items-center gap-2"><i class="fas fa-angle-left text-xs text-amber-500"></i> آدرس و راه‌های ارتباطی</a></li>
                </ul>
            </div>

            <!-- Col 3: Categories -->
            <div>
                <h3 class="text-white font-bold text-base mb-4 flex items-center gap-2">
                    <span class="w-2 h-2 rounded-full bg-amber-500"></span> دسته‌بندی‌های اصلی
                </h3>
                <ul class="space-y-2.5 text-sm">
                    <li><a href="/products?cat=1" class="hover:text-amber-400 transition flex items-center gap-2"><i class="fas fa-feather text-xs text-amber-500"></i> بلدرچین زنده و کشتار روز</a></li>
                    <li><a href="/products?cat=2" class="hover:text-amber-400 transition flex items-center gap-2"><i class="fas fa-egg text-xs text-amber-500"></i> تخم بلدرچین خوراکی و نطفه‌دار</a></li>
                    <li><a href="/products?cat=3" class="hover:text-amber-400 transition flex items-center gap-2"><i class="fas fa-seedling text-xs text-amber-500"></i> دان استارتر، رشد و تخم‌گذار</a></li>
                    <li><a href="/products?cat=4" class="hover:text-amber-400 transition flex items-center gap-2"><i class="fas fa-warehouse text-xs text-amber-500"></i> قفس صنعتی و تجهیزات مرغداری</a></li>
                </ul>
            </div>

            <!-- Col 4: Contact info & Trust -->
            <div>
                <h3 class="text-white font-bold text-base mb-4 flex items-center gap-2">
                    <span class="w-2 h-2 rounded-full bg-amber-500"></span> ارتباط با مدیریت فروش
                </h3>
                <ul class="space-y-3 text-sm text-stone-400">
                    <li class="flex items-start gap-3">
                        <i class="fas fa-map-marker-alt text-amber-500 mt-1"></i>
                        <span><?= \Bildirchin\Config::ADDRESS ?></span>
                    </li>
                    <li class="flex items-center gap-3">
                        <i class="fas fa-mobile-screen text-amber-500"></i>
                        <span>همراه: <a href="tel:<?= \Bildirchin\Config::PHONE ?>" class="text-white font-bold tracking-wider hover:text-amber-400"><?= \Bildirchin\Helpers::toPersianDigits(\Bildirchin\Config::PHONE) ?></a></span>
                    </li>
                    <li class="flex items-center gap-3">
                        <i class="fas fa-phone text-amber-500"></i>
                        <span>دفتر مرکزی: <a href="tel:<?= \Bildirchin\Config::PHONE_LANDLINE ?>" class="text-white tracking-wider hover:text-amber-400"><?= \Bildirchin\Helpers::toPersianDigits(\Bildirchin\Config::PHONE_LANDLINE) ?></a></span>
                    </li>
                    <li class="flex items-center gap-3">
                        <i class="fas fa-clock text-amber-500"></i>
                        <span>ساعات پاسخگویی: همه‌روزه از ۸:۰۰ الی ۲۱:۰۰</span>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Copyright -->
        <div class="mt-8 flex flex-col sm:flex-row items-center justify-between text-xs text-stone-500 gap-4">
            <p>© <?= date('Y') ?> تمامی حقوق مادی و معنوی متعلق به <?= \Bildirchin\Config::APP_NAME ?> می‌باشد.</p>
            <p>توسعه‌یافته بر بستر مدرن PHP و سرورهای ابری اختصاصی</p>
        </div>
    </div>
</footer>

<script>
    // Global helper for ajax add to cart
    async function addToCart(productId, quantity = 1) {
        try {
            const formData = new FormData();
            formData.append('product_id', productId);
            formData.append('quantity', quantity);

            const res = await fetch('/cart/add', {
                method: 'POST',
                body: formData,
                headers: {
                    'X-Requested-With': 'XMLHttpRequest',
                    'Accept': 'application/json'
                }
            });
            const data = await res.json();
            if (data.success) {
                let badge = document.getElementById('cart-badge');
                if (!badge) {
                    const cartBtn = document.querySelector('a[href="/cart"]');
                    badge = document.createElement('span');
                    badge.id = 'cart-badge';
                    badge.className = 'absolute -top-1.5 -right-1.5 bg-rose-600 text-white text-xs font-bold w-5 h-5 rounded-full flex items-center justify-center shadow-sm';
                    cartBtn.appendChild(badge);
                }
                badge.innerText = data.cart_count;
                
                // Show notification toast
                showToast(data.message || 'به سبد خرید اضافه شد');
            }
        } catch (e) {
            console.error(e);
            window.location.href = '/cart';
        }
    }

    function showToast(msg) {
        const toast = document.createElement('div');
        toast.className = 'fixed bottom-5 left-5 bg-stone-900 text-white px-5 py-3 rounded-xl shadow-2xl z-50 flex items-center gap-3 border border-amber-500 transition transform duration-300';
        toast.innerHTML = '<i class="fas fa-check-circle text-emerald-400 text-lg"></i><span class="text-sm font-medium">' + msg + '</span>';
        document.body.appendChild(toast);
        setTimeout(() => {
            toast.classList.add('opacity-0', 'translate-y-2');
            setTimeout(() => toast.remove(), 300);
        }, 3000);
    }
</script>
</body>
</html>