bildirchin/views/pages/wholesale.php

<?php
$pageTitle = 'پرتال و شرایط فروش عمده بلدرچین، تخم و خوراک';
require __DIR__ . '/../layout/header.php';
require __DIR__ . '/../layout/navbar.php';
?>

<!-- Wholesale Hero -->
<div class="bg-gradient-to-br from-stone-900 via-amber-950 to-stone-900 text-white py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center space-y-4">
        <div class="inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-amber-500/20 text-amber-300 border border-amber-500/30 text-xs font-bold">
            <i class="fas fa-handshake"></i>
            <span>تامین پایدار برای رستوران‌ها، هایپرمارکت‌ها، مراکز جوجه‌کشی و پرورشی</span>
        </div>
        <h1 class="text-3xl sm:text-5xl font-black">بخش فروش عمده، تناژ و تامین قراردادی</h1>
        <p class="text-stone-300 text-base max-w-3xl mx-auto leading-relaxed">
            مزرعه بلدرچین زرین با ظرفیت تولید صنعتی، آماده عقد قراردادهای بلندمدت و ارسال منظم بار به سراسر ایران با نازل‌ترین نرخ درب مزرعه و مجوزهای رسمی دامپزشکی می‌باشد.
        </p>
    </div>
</div>

<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
    <!-- Wholesale Tier Table -->
    <div class="mb-14">
        <div class="text-center max-w-2xl mx-auto mb-8">
            <span class="text-xs font-bold text-amber-600 uppercase tracking-widest block mb-1">جدول قیمت‌های همکاری</span>
            <h2 class="text-2xl font-extrabold text-stone-900">لیست نرخ عمده و حداقل سفارش محصولات</h2>
        </div>

        <div class="bg-white rounded-2xl border border-stone-200 overflow-hidden shadow-sm">
            <div class="overflow-x-auto">
                <table class="w-full text-right text-xs sm:text-sm">
                    <thead class="bg-stone-100 text-stone-700 border-b border-stone-200">
                        <tr>
                            <th class="py-3.5 px-4 font-bold">نام محصول</th>
                            <th class="py-3.5 px-4 font-bold">قیمت تک‌فروشی</th>
                            <th class="py-3.5 px-4 font-bold">پله اول عمده</th>
                            <th class="py-3.5 px-4 font-bold">پله دوم (تیراژ بالا)</th>
                            <th class="py-3.5 px-4 font-bold text-center">سفارش آنلاین</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-stone-100">
                        <?php foreach ($wholesaleProducts as $p): ?>
                            <tr class="hover:bg-amber-50/40 transition">
                                <td class="py-3.5 px-4 font-bold text-stone-900 flex items-center gap-3">
                                    <img src="<?= $p['image'] ?>" class="w-8 h-8 object-contain">
                                    <span><?= htmlspecialchars($p['name']) ?></span>
                                </td>
                                <td class="py-3.5 px-4 text-stone-500"><?= \Bildirchin\Helpers::formatPrice($p['price']) ?> / <?= $p['unit'] ?></td>
                                <td class="py-3.5 px-4 font-bold text-amber-800">
                                    <?= \Bildirchin\Helpers::formatPrice($p['wholesale_price']) ?>
                                    <span class="block text-[11px] text-stone-400 font-normal">از <?= \Bildirchin\Helpers::toPersianDigits($p['wholesale_min_qty']) ?> <?= $p['unit'] ?></span>
                                </td>
                                <td class="py-3.5 px-4 font-black text-emerald-800">
                                    <?= \Bildirchin\Helpers::formatPrice($p['wholesale_tier2_price']) ?>
                                    <span class="block text-[11px] text-stone-400 font-normal">از <?= \Bildirchin\Helpers::toPersianDigits($p['wholesale_tier2_qty']) ?> <?= $p['unit'] ?></span>
                                </td>
                                <td class="py-3.5 px-4 text-center">
                                    <button onclick="addToCart(<?= $p['id'] ?>, <?= $p['wholesale_min_qty'] ?>)" class="px-3 py-1.5 rounded-lg bg-amber-500 hover:bg-amber-600 text-stone-950 text-xs font-bold transition shadow-sm">
                                        <i class="fas fa-cart-plus ml-1"></i> خرید <?= \Bildirchin\Helpers::toPersianDigits($p['wholesale_min_qty']) ?> <?= $p['unit'] ?>
                                    </button>
                                </td>
                            </tr>
                        <?php endforeach; ?>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Wholesale Inquiry Form -->
    <div id="quote-form" class="bg-stone-900 rounded-3xl text-white p-8 sm:p-12 shadow-2xl border border-stone-800">
        <div class="grid grid-cols-1 lg:grid-cols-12 gap-10">
            <div class="lg:col-span-5 space-y-5">
                <span class="text-xs font-bold text-amber-400 uppercase tracking-widest block">فرم درخواست همکاری و استعلام</span>
                <h3 class="text-2xl sm:text-3xl font-extrabold leading-snug">ثبت درخواست پیش‌فاکتور و خرید تناژ</h3>
                <p class="text-stone-400 text-sm leading-relaxed">
                    چنانچه حجم سفارش شما فراتر از مقادیر جدول بالاست یا نیاز به ارسال دوره‌ای (هفتگی/ماهانه) دارید، اطلاعات زیر را ثبت نمایید تا مسئول بازرگانی مزرعه در سریع‌ترین زمان ممکن با شما تماس بگیرد.
                </p>
                <div class="pt-4 space-y-3 text-sm text-stone-300">
                    <div class="flex items-center gap-3"><i class="fas fa-phone-alt text-amber-400"></i> تماس مستقیم بازرگانی: <a href="tel:<?= \Bildirchin\Config::PHONE ?>" class="text-white font-bold tracking-wider"><?= \Bildirchin\Helpers::toPersianDigits(\Bildirchin\Config::PHONE) ?></a></div>
                    <div class="flex items-center gap-3"><i class="fab fa-whatsapp text-emerald-400 text-lg"></i> پشتیبانی واتساپ: <a href="https://wa.me/98<?= substr(\Bildirchin\Config::WHATSAPP, 1) ?>" class="text-emerald-300 font-bold"><?= \Bildirchin\Helpers::toPersianDigits(\Bildirchin\Config::WHATSAPP) ?></a></div>
                </div>
            </div>

            <!-- Form -->
            <div class="lg:col-span-7 bg-stone-950/70 p-6 sm:p-8 rounded-2xl border border-stone-800">
                <form action="/wholesale/inquiry" method="POST" class="space-y-4">
                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                        <div>
                            <label class="block text-xs font-bold text-stone-300 mb-1">نام و نام‌خانوادگی *</label>
                            <input type="text" name="customer_name" required class="w-full bg-stone-900 border border-stone-700 rounded-xl p-3 text-sm text-white focus:outline-none focus:border-amber-500" placeholder="مثال: علی احمدی">
                        </div>
                        <div>
                            <label class="block text-xs font-bold text-stone-300 mb-1">شماره همراه تماس *</label>
                            <input type="tel" name="phone" required class="w-full bg-stone-900 border border-stone-700 rounded-xl p-3 text-sm text-white focus:outline-none focus:border-amber-500" placeholder="۰۹۱۲۳۴۵۶۷۸۹">
                        </div>
                    </div>

                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                        <div>
                            <label class="block text-xs font-bold text-stone-300 mb-1">نام فروشگاه / رستوران / شرکت</label>
                            <input type="text" name="company_name" class="w-full bg-stone-900 border border-stone-700 rounded-xl p-3 text-sm text-white focus:outline-none focus:border-amber-500" placeholder="اختیاری">
                        </div>
                        <div>
                            <label class="block text-xs font-bold text-stone-300 mb-1">شهر و استان مقصد</label>
                            <input type="text" name="city" class="w-full bg-stone-900 border border-stone-700 rounded-xl p-3 text-sm text-white focus:outline-none focus:border-amber-500" placeholder="مثال: اصفهان">
                        </div>
                    </div>

                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                        <div>
                            <label class="block text-xs font-bold text-stone-300 mb-1">محصول مورد تقاضا *</label>
                            <input type="text" name="product_requested" required class="w-full bg-stone-900 border border-stone-700 rounded-xl p-3 text-sm text-white focus:outline-none focus:border-amber-500" placeholder="مثال: ۱۰ هزار تخم نطفه‌دار / ۱ تن گوشت">
                        </div>
                        <div>
                            <label class="block text-xs font-bold text-stone-300 mb-1">حجم یا تیراژ تخمینی</label>
                            <input type="text" name="estimated_qty" class="w-full bg-stone-900 border border-stone-700 rounded-xl p-3 text-sm text-white focus:outline-none focus:border-amber-500" placeholder="مثال: خرید هفتگی ۵۰۰ کیلوگرم">
                        </div>
                    </div>

                    <div>
                        <label class="block text-xs font-bold text-stone-300 mb-1">توضیحات و نیازمندی‌های خاص</label>
                        <textarea name="notes" rows="3" class="w-full bg-stone-900 border border-stone-700 rounded-xl p-3 text-sm text-white focus:outline-none focus:border-amber-500" placeholder="زمان تحویل مورد نظر، نحوه بسته‌بندی و..."></textarea>
                    </div>

                    <button type="submit" class="w-full py-3.5 rounded-xl bg-amber-500 hover:bg-amber-600 text-stone-950 font-extrabold text-sm transition shadow-lg flex items-center justify-center gap-2">
                        <i class="fas fa-paper-plane"></i>
                        <span>ارسال استعلام و ثبت درخواست پیش‌فاکتور</span>
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>

<?php
require __DIR__ . '/../layout/footer.php';
?>