bildirchin/views/layout/navbar.php

<?php
$cartCount = count(\Bildirchin\Controllers\CartController::getCart());
?>
<!-- Top Notification Bar -->
<div class="bg-amber-600 text-white text-xs py-1.5 px-4 text-center font-medium flex justify-between items-center max-w-7xl mx-auto w-full">
    <div class="hidden md:flex items-center gap-4">
        <span><i class="fas fa-truck-fast ml-1"></i> ارسال مستقیم از مزرعه به سراسر کشور با باربری و خودرو یخچال‌دار</span>
        <span class="text-amber-200">|</span>
        <span><i class="fas fa-shield-alt ml-1"></i> تضمین هچ و کیفیت سلامت گله</span>
    </div>
    <div class="flex items-center justify-between w-full md:w-auto gap-4">
        <span><i class="fas fa-phone-volume ml-1"></i> مشاوره و سفارش: <a href="tel:<?= \Bildirchin\Config::PHONE ?>" class="font-bold underline tracking-wider"><?= \Bildirchin\Helpers::toPersianDigits(\Bildirchin\Config::PHONE) ?></a></span>
        <a href="/track" class="text-amber-100 hover:text-white underline"><i class="fas fa-magnifying-glass ml-1"></i> پیگیری سفارش</a>
    </div>
</div>

<!-- Main Header & Navigation -->
<header class="bg-white border-b border-stone-200 sticky top-0 z-50 shadow-sm">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex justify-between items-center h-20">
            <!-- Brand Logo -->
            <a href="/" class="flex items-center gap-3 group">
                <div class="w-12 h-12 rounded-xl bg-gradient-to-tr from-amber-600 to-amber-500 text-white flex items-center justify-center shadow-md group-hover:scale-105 transition">
                    <i class="fas fa-feather-alt text-2xl"></i>
                </div>
                <div>
                    <span class="text-xl font-extrabold text-stone-900 block tracking-tight group-hover:text-amber-600 transition"><?= \Bildirchin\Config::APP_NAME ?></span>
                    <span class="text-xs text-stone-500 block font-normal">مرکز تخصصی پرورش و فروش عمده و خرد بلدرچین</span>
                </div>
            </a>

            <!-- Search Bar (Desktop) -->
            <div class="hidden lg:block flex-1 max-w-md mx-8">
                <form action="/products" method="GET" class="relative">
                    <input type="text" name="q" placeholder="جستجوی بلدرچین، تخم نطفه‌دار، دان، قفس..." 
                           class="w-full bg-stone-100 border border-stone-300 rounded-full py-2.5 pr-11 pl-4 text-sm focus:outline-none focus:ring-2 focus:ring-amber-500 focus:bg-white transition">
                    <button type="submit" class="absolute right-3.5 top-3 text-stone-400 hover:text-amber-600">
                        <i class="fas fa-search text-base"></i>
                    </button>
                </form>
            </div>

            <!-- Action Buttons -->
            <div class="flex items-center gap-3">
                <!-- Wholesale Badge Link -->
                <a href="/wholesale" class="hidden sm:inline-flex items-center gap-1.5 px-3.5 py-2 rounded-lg bg-amber-50 text-amber-800 border border-amber-200 text-sm font-semibold hover:bg-amber-100 transition shadow-sm animate-pulse">
                    <i class="fas fa-boxes-stacked text-amber-600"></i>
                    <span>بخش فروش عمده</span>
                </a>

                <!-- Cart Button -->
                <a href="/cart" class="relative flex items-center justify-center w-11 h-11 rounded-xl bg-stone-100 hover:bg-amber-50 hover:text-amber-700 text-stone-700 transition border border-stone-200" title="سبد خرید">
                    <i class="fas fa-shopping-basket text-lg"></i>
                    <?php if ($cartCount > 0): ?>
                        <span class="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" id="cart-badge">
                            <?= \Bildirchin\Helpers::toPersianDigits($cartCount) ?>
                        </span>
                    <?php endif; ?>
                </a>

                <!-- Admin Link -->
                <a href="/admin" class="flex items-center justify-center w-11 h-11 rounded-xl bg-stone-100 hover:bg-stone-200 text-stone-600 transition border border-stone-200" title="پنل مدیریت">
                    <i class="fas fa-user-shield text-base"></i>
                </a>
            </div>
        </div>

        <!-- Navigation Links -->
        <nav class="flex items-center gap-1 sm:gap-6 py-2.5 overflow-x-auto text-sm font-medium border-t border-stone-100 no-scrollbar">
            <a href="/" class="px-3 py-1.5 rounded-lg text-stone-700 hover:text-amber-600 hover:bg-amber-50 transition flex items-center gap-1.5">
                <i class="fas fa-home text-stone-400"></i> صفحه اصلی
            </a>
            <a href="/products" class="px-3 py-1.5 rounded-lg text-stone-700 hover:text-amber-600 hover:bg-amber-50 transition flex items-center gap-1.5">
                <i class="fas fa-store text-stone-400"></i> همه محصولات
            </a>
            <a href="/products?cat=1" class="px-3 py-1.5 rounded-lg text-stone-700 hover:text-amber-600 hover:bg-amber-50 transition flex items-center gap-1.5">
                <i class="fas fa-feather-alt text-amber-500"></i> بلدرچین زنده و گوشت
            </a>
            <a href="/products?cat=2" class="px-3 py-1.5 rounded-lg text-stone-700 hover:text-amber-600 hover:bg-amber-50 transition flex items-center gap-1.5">
                <i class="fas fa-egg text-amber-500"></i> تخم خوراکی و نطفه‌دار
            </a>
            <a href="/products?cat=3" class="px-3 py-1.5 rounded-lg text-stone-700 hover:text-amber-600 hover:bg-amber-50 transition flex items-center gap-1.5">
                <i class="fas fa-seedling text-emerald-500"></i> دان و جیره غذایی
            </a>
            <a href="/products?cat=4" class="px-3 py-1.5 rounded-lg text-stone-700 hover:text-amber-600 hover:bg-amber-50 transition flex items-center gap-1.5">
                <i class="fas fa-warehouse text-sky-500"></i> قفس و ملزومات
            </a>
            <a href="/wholesale" class="px-3 py-1.5 rounded-lg text-amber-700 font-bold hover:text-amber-800 hover:bg-amber-100 transition flex items-center gap-1.5">
                <i class="fas fa-calculator text-amber-600"></i> استعلام قیمت عمده
            </a>
            <a href="/blog" class="px-3 py-1.5 rounded-lg text-stone-700 hover:text-amber-600 hover:bg-amber-50 transition flex items-center gap-1.5">
                <i class="fas fa-book-open text-stone-400"></i> مقالات و آموزش
            </a>
            <a href="/about" class="px-3 py-1.5 rounded-lg text-stone-700 hover:text-amber-600 hover:bg-amber-50 transition">درباره مزرعه</a>
            <a href="/contact" class="px-3 py-1.5 rounded-lg text-stone-700 hover:text-amber-600 hover:bg-amber-50 transition">تماس با ما</a>
        </nav>
    </div>
</header>

<!-- Flash Messages -->
<?php
$successMsg = \Bildirchin\Helpers::flash('success');
$errorMsg = \Bildirchin\Helpers::flash('error');
?>
<?php if ($successMsg): ?>
    <div class="max-w-7xl mx-auto px-4 mt-4">
        <div class="bg-emerald-50 border border-emerald-300 text-emerald-800 px-4 py-3 rounded-xl flex items-center justify-between shadow-sm">
            <div class="flex items-center gap-2">
                <i class="fas fa-check-circle text-emerald-600 text-lg"></i>
                <span class="font-medium text-sm"><?= htmlspecialchars($successMsg) ?></span>
            </div>
            <button onclick="this.parentElement.remove()" class="text-emerald-500 hover:text-emerald-800"><i class="fas fa-times"></i></button>
        </div>
    </div>
<?php endif; ?>

<?php if ($errorMsg): ?>
    <div class="max-w-7xl mx-auto px-4 mt-4">
        <div class="bg-rose-50 border border-rose-300 text-rose-800 px-4 py-3 rounded-xl flex items-center justify-between shadow-sm">
            <div class="flex items-center gap-2">
                <i class="fas fa-exclamation-triangle text-rose-600 text-lg"></i>
                <span class="font-medium text-sm"><?= htmlspecialchars($errorMsg) ?></span>
            </div>
            <button onclick="this.parentElement.remove()" class="text-rose-500 hover:text-rose-800"><i class="fas fa-times"></i></button>
        </div>
    </div>
<?php endif; ?>