{{--@extends('layouts.customer')--}}
{{--@section('content')--}}
{{--    <div class="bg-white p-6 rounded-lg shadow">--}}
{{--        <h2 class="text-xl font-bold mb-4">لیست درخواست‌های قرارداد</h2>--}}

{{--        @if(session('success'))--}}
{{--            <div class="bg-green-100 text-green-700 p-3 rounded mb-4">{{ session('success') }}</div>--}}
{{--        @endif--}}

{{--        <table class="w-full text-right">--}}
{{--            <thead class="bg-gray-50">--}}
{{--            <tr>--}}
{{--                <th class="p-3">تاریخ ثبت</th>--}}
{{--                <th class="p-3">بازه قرارداد</th>--}}
{{--                <th class="p-3">وضعیت</th>--}}
{{--                <th class="p-3">نرخ (ریال)</th>--}}
{{--                <th class="p-3">عملیات</th>--}}
{{--            </tr>--}}
{{--            </thead>--}}
{{--            <tbody>--}}
{{--            @foreach($contracts as $contract)--}}
{{--                <tr class="border-b">--}}
{{--                    <td class="p-3">{{ \Morilog\Jalali\Jalalian::fromCarbon($contract->created_at)->format('Y/m/d') }}</td>--}}
{{--                    <td class="p-3 text-sm">--}}
{{--                        از {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->start_date))->format('Y/m/d') }}--}}
{{--                        تا {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->end_date))->format('Y/m/d') }}--}}
{{--                    </td>--}}
{{--                    <td class="p-3">--}}
{{--                        @if(now()->gt($contract->end_date) || $contract->status == 'expired')--}}
{{--                            <span class="bg-gray-100 text-gray-600 px-2 py-1 rounded text-xs">منقضی شده</span>--}}
{{--                        @elseif($contract->status == 'pending')--}}
{{--                            <span class="bg-yellow-100 text-yellow-800 px-2 py-1 rounded text-xs">در انتظار بررسی ادمین</span>--}}
{{--                        @elseif($contract->status == 'rate_assigned')--}}
{{--                            <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded text-xs">نرخ تعیین شد (آماده چاپ)</span>--}}
{{--                        @elseif($contract->status == 'confirmed')--}}
{{--                            <span class="bg-green-100 text-green-800 px-2 py-1 rounded text-xs">✓ تایید نهایی شده</span>--}}
{{--                        @endif--}}
{{--                    </td>--}}
{{--                    <td class="p-3">{{ $contract->base_rate ? number_format($contract->base_rate) : '---' }}</td>--}}
{{--                    <td class="p-3">--}}
{{--                        @if($contract->status == 'rate_assigned')--}}
{{--                            <a href="{{ route('customer.contracts.download', $contract->id) }}"--}}
{{--                               class="bg-blue-600 text-white px-3 py-1 rounded text-xs hover:bg-blue-700 transition">--}}
{{--                                📥 دانلود پیش‌نویس--}}
{{--                            </a>--}}
{{--                        @else--}}
{{--                            -----}}
{{--                        @endif--}}
{{--                    </td>--}}
{{--                </tr>--}}
{{--            @endforeach--}}
{{--            </tbody>--}}
{{--        </table>--}}
{{--    </div>--}}
{{--@endsection--}}

{{--@extends('layouts.customer')--}}
{{--@section('page-title', 'لیست درخواست‌های قرارداد')--}}

{{--@section('content')--}}
{{--    <div class="bg-white rounded-lg shadow-sm p-5 md:p-8">--}}
{{--        <h2 class="text-lg font-bold text-gray-800 mb-6">لیست درخواست‌های قرارداد</h2>--}}

{{--        <!-- دسکتاپ: جدول ساده -->--}}
{{--        <div class="hidden sm:block overflow-x-auto">--}}
{{--            <table class="min-w-full divide-y divide-gray-200 text-sm">--}}
{{--                <thead class="bg-gray-50">--}}
{{--                <tr>--}}
{{--                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">تاریخ ثبت</th>--}}
{{--                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">بازه قرارداد</th>--}}
{{--                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">وضعیت</th>--}}
{{--                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">نرخ پایه</th>--}}
{{--                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">عملیات</th>--}}
{{--                </tr>--}}
{{--                </thead>--}}
{{--                <tbody class="divide-y divide-gray-100">--}}
{{--                @forelse($contracts as $contract)--}}
{{--                    <tr class="hover:bg-gray-50 transition">--}}
{{--                        <td class="px-5 py-3 text-right text-xs font-mono">--}}
{{--                            {{ \Morilog\Jalali\Jalalian::fromCarbon($contract->created_at)->format('Y/m/d') }}--}}
{{--                        </td>--}}
{{--                        <td class="px-5 py-3 text-right text-xs">--}}
{{--                            {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->start_date))->format('Y/m/d') }}--}}
{{--                            —--}}
{{--                            {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->end_date))->format('Y/m/d') }}--}}
{{--                        </td>--}}
{{--                        <td class="px-5 py-3 text-right">--}}
{{--                            @if(now()->gt($contract->end_date) || $contract->status == 'expired')--}}
{{--                                <span class="inline-block bg-gray-100 text-gray-600 px-3 py-1 rounded text-xs">منقضی شده</span>--}}
{{--                            @elseif($contract->status == 'pending')--}}
{{--                                <span class="inline-block bg-yellow-100 text-yellow-700 px-3 py-1 rounded text-xs">در انتظار بررسی</span>--}}
{{--                            @elseif($contract->status == 'rate_assigned')--}}
{{--                                <span class="inline-block bg-blue-100 text-blue-700 px-3 py-1 rounded text-xs">آماده چاپ</span>--}}
{{--                            @elseif($contract->status == 'confirmed')--}}
{{--                                <span class="inline-block bg-green-100 text-green-700 px-3 py-1 rounded text-xs">تأیید شده</span>--}}
{{--                            @endif--}}
{{--                        </td>--}}
{{--                        <td class="px-5 py-3 text-right text-xs font-mono">--}}
{{--                            {{ $contract->base_rate ? number_format($contract->base_rate) : '—' }}--}}
{{--                        </td>--}}
{{--                        <td class="px-5 py-3 text-right">--}}
{{--                            @if($contract->status == 'rate_assigned')--}}
{{--                                <a href="{{ route('customer.contracts.download', $contract->id) }}"--}}
{{--                                   class="text-blue-600 hover:text-blue-800 text-xs">--}}
{{--                                    <i class="fas fa-download ml-1"></i> دانلود پیش‌نویس--}}
{{--                                </a>--}}
{{--                            @else--}}
{{--                                <span class="text-gray-400 text-xs">در انتظار</span>--}}
{{--                            @endif--}}
{{--                        </td>--}}
{{--                    </tr>--}}
{{--                @empty--}}
{{--                    <tr>--}}
{{--                        <td colspan="5" class="py-12 text-center text-gray-500">--}}
{{--                            <p class="text-sm">هنوز هیچ درخواستی ثبت نشده است</p>--}}
{{--                            <a href="{{ route('customer.contracts.create') }}" class="text-blue-600 hover:underline text-xs mt-2 block">--}}
{{--                                ثبت درخواست جدید--}}
{{--                            </a>--}}
{{--                        </td>--}}
{{--                    </tr>--}}
{{--                @endforelse--}}
{{--                </tbody>--}}
{{--            </table>--}}
{{--        </div>--}}

{{--        <!-- موبایل: کارت ساده -->--}}
{{--        <div class="sm:hidden space-y-4">--}}
{{--            @forelse($contracts as $contract)--}}
{{--                <div class="bg-gray-50 rounded-lg p-4">--}}
{{--                    <div class="text-xs space-y-2">--}}
{{--                        <div class="flex justify-between">--}}
{{--                            <span class="text-gray-600">تاریخ ثبت:</span>--}}
{{--                            <span class="font-mono" >{{ \Morilog\Jalali\Jalalian::fromCarbon($contract->created_at)->format('Y/m/d') }}</span>--}}
{{--                        </div>--}}
{{--                        <div class="flex justify-between">--}}
{{--                            <span class="text-gray-600">بازه:</span>--}}
{{--                            <span>--}}
{{--                            {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->start_date))->format('Y/m/d') }}--}}
{{--                            تا--}}
{{--                            {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->end_date))->format('Y/m/d') }}--}}
{{--                        </span>--}}
{{--                        </div>--}}
{{--                        <div class="flex justify-between">--}}
{{--                            <span class="text-gray-600">وضعیت:</span>--}}
{{--                            @if(now()->gt($contract->end_date) || $contract->status == 'expired')--}}
{{--                                <span class="bg-gray-100 text-gray-600 px-2 py-1 rounded text-xs">منقضی شده</span>--}}
{{--                            @elseif($contract->status == 'pending')--}}
{{--                                <span class="bg-yellow-100 text-yellow-700 px-2 py-1 rounded text-xs">در انتظار</span>--}}
{{--                            @elseif($contract->status == 'rate_assigned')--}}
{{--                                <span class="bg-blue-100 text-blue-700 px-2 py-1 rounded text-xs">آماده چاپ</span>--}}
{{--                            @elseif($contract->status == 'confirmed')--}}
{{--                                <span class="bg-green-100 text-green-700 px-2 py-1 rounded text-xs">تأیید شده</span>--}}
{{--                            @endif--}}
{{--                        </div>--}}
{{--                        <div class="flex justify-between">--}}
{{--                            <span class="text-gray-600">نرخ:</span>--}}
{{--                            <span class="font-mono">{{ $contract->base_rate ? number_format($contract->base_rate) : '—' }}</span>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="mt-4 text-center">--}}
{{--                        @if($contract->status == 'rate_assigned')--}}
{{--                            <a href="{{ route('customer.contracts.download', $contract->id) }}"--}}
{{--                               class="text-blue-600 hover:text-blue-800 text-xs">--}}
{{--                                <i class="fas fa-download ml-1"></i> دانلود پیش‌نویس--}}
{{--                            </a>--}}
{{--                        @else--}}
{{--                            <span class="text-gray-400 text-xs">در انتظار تأیید</span>--}}
{{--                        @endif--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            @empty--}}
{{--                <div class="text-center py-12 text-gray-500">--}}
{{--                    <p class="text-sm">هنوز هیچ درخواستی ثبت نشده است</p>--}}
{{--                    <a href="{{ route('customer.contracts.create') }}" class="text-blue-600 hover:underline text-xs mt-2 block">--}}
{{--                        ثبت درخواست جدید--}}
{{--                    </a>--}}
{{--                </div>--}}
{{--            @endforelse--}}
{{--        </div>--}}
{{--    </div>--}}
{{--@endsection--}}
{{--@extends('layouts.customer')--}}
{{--@section('page-title', 'لیست درخواست‌های قرارداد')--}}

{{--@section('content')--}}
{{--    <div class="bg-white rounded-lg shadow-sm p-5 md:p-8">--}}
{{--        <h2 class="text-lg font-bold text-gray-800 mb-6">لیست درخواست‌های قرارداد</h2>--}}

{{--        <!-- دسکتاپ: جدول ساده -->--}}
{{--        <div class="hidden sm:block overflow-x-auto">--}}
{{--            <table class="min-w-full divide-y divide-gray-200 text-sm">--}}
{{--                <thead class="bg-gray-50">--}}
{{--                <tr>--}}
{{--                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">تاریخ ثبت</th>--}}
{{--                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">بازه قرارداد</th>--}}
{{--                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">وضعیت</th>--}}
{{--                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">نرخ پایه</th>--}}
{{--                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">عملیات</th>--}}
{{--                </tr>--}}
{{--                </thead>--}}
{{--                <tbody class="divide-y divide-gray-100">--}}
{{--                @forelse($contracts as $contract)--}}
{{--                    <tr class="hover:bg-gray-50 transition">--}}
{{--                        <td class="px-5 py-3 text-right text-xs font-mono">--}}
{{--                            {{ \Morilog\Jalali\Jalalian::fromCarbon($contract->created_at)->format('Y/m/d') }}--}}
{{--                        </td>--}}
{{--                        <td class="px-5 py-3 text-right text-xs">--}}
{{--                            {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->start_date))->format('Y/m/d') }}--}}
{{--                            الی--}}
{{--                            {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->end_date))->format('Y/m/d') }}--}}
{{--                        </td>--}}
{{--                        <td class="px-5 py-3 text-right">--}}
{{--                            @if(now()->gt($contract->end_date) || $contract->status == 'expired')--}}
{{--                                <span class="inline-block bg-gray-100 text-gray-600 px-3 py-1 rounded text-xs">منقضی شده</span>--}}
{{--                            @elseif($contract->status == 'pending')--}}
{{--                                <span class="inline-block bg-yellow-100 text-yellow-700 px-3 py-1 rounded text-xs">در انتظار بررسی</span>--}}
{{--                            @elseif($contract->status == 'rate_assigned')--}}
{{--                                <span class="inline-block bg-blue-100 text-blue-700 px-3 py-1 rounded text-xs">آماده چاپ</span>--}}
{{--                            @elseif($contract->status == 'confirmed')--}}
{{--                                <span class="inline-block bg-green-100 text-green-700 px-3 py-1 rounded text-xs">تأیید شده</span>--}}
{{--                            @endif--}}
{{--                        </td>--}}
{{--                        <td class="px-5 py-3 text-right text-xs font-mono">--}}
{{--                            {{ $contract->base_rate ? number_format($contract->base_rate) : '—' }}--}}
{{--                        </td>--}}
{{--                        <td class="px-5 py-3 text-right">--}}
{{--                            @if(in_array($contract->status, ['rate_assigned', 'confirmed']))--}}
{{--                                <a href="{{ route('customer.contracts.download', $contract->id) }}"--}}
{{--                                   class="text-blue-600 hover:text-blue-800 text-xs">--}}
{{--                                    <i class="fas fa-download ml-1"></i> دانلود پیش‌نویس--}}
{{--                                </a>--}}
{{--                            @else--}}
{{--                                <span class="text-gray-400 text-xs">در انتظار</span>--}}
{{--                            @endif--}}
{{--                        </td>--}}
{{--                    </tr>--}}
{{--                @empty--}}
{{--                    <tr>--}}
{{--                        <td colspan="5" class="py-12 text-center text-gray-500">--}}
{{--                            <p class="text-sm">هنوز هیچ درخواستی ثبت نشده است</p>--}}
{{--                            <a href="{{ route('customer.contracts.create') }}" class="text-blue-600 hover:underline text-xs mt-2 block">--}}
{{--                                ثبت درخواست جدید--}}
{{--                            </a>--}}
{{--                        </td>--}}
{{--                    </tr>--}}
{{--                @endforelse--}}
{{--                </tbody>--}}
{{--            </table>--}}
{{--        </div>--}}

{{--        <!-- موبایل: کارت ساده -->--}}
{{--        <div class="sm:hidden space-y-4">--}}
{{--            @forelse($contracts as $contract)--}}
{{--                <div class="bg-gray-50 rounded-lg p-4">--}}
{{--                    <div class="text-xs space-y-2">--}}
{{--                        <div class="flex justify-between">--}}
{{--                            <span class="text-gray-600">تاریخ ثبت:</span>--}}
{{--                            <span class="font-mono">{{ \Morilog\Jalali\Jalalian::fromCarbon($contract->created_at)->format('Y/m/d') }}</span>--}}
{{--                        </div>--}}
{{--                        <div class="flex justify-between">--}}
{{--                            <span class="text-gray-600">بازه:</span>--}}
{{--                            <span>--}}
{{--                            {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->start_date))->format('Y/m/d') }}--}}
{{--                            تا--}}
{{--                            {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->end_date))->format('Y/m/d') }}--}}
{{--                        </span>--}}
{{--                        </div>--}}
{{--                        <div class="flex justify-between">--}}
{{--                            <span class="text-gray-600">وضعیت:</span>--}}
{{--                            @if(now()->gt($contract->end_date) || $contract->status == 'expired')--}}
{{--                                <span class="bg-gray-100 text-gray-600 px-2 py-1 rounded text-xs">منقضی شده</span>--}}
{{--                            @elseif($contract->status == 'pending')--}}
{{--                                <span class="bg-yellow-100 text-yellow-700 px-2 py-1 rounded text-xs">در انتظار</span>--}}
{{--                            @elseif($contract->status == 'rate_assigned')--}}
{{--                                <span class="bg-blue-100 text-blue-700 px-2 py-1 rounded text-xs">آماده چاپ</span>--}}
{{--                            @elseif($contract->status == 'confirmed')--}}
{{--                                <span class="bg-green-100 text-green-700 px-2 py-1 rounded text-xs">تأیید شده</span>--}}
{{--                            @endif--}}
{{--                        </div>--}}
{{--                        <div class="flex justify-between">--}}
{{--                            <span class="text-gray-600">نرخ:</span>--}}
{{--                            <span class="font-mono">{{ $contract->base_rate ? number_format($contract->base_rate) : '—' }}</span>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="mt-4 text-center">--}}
{{--                        @if(in_array($contract->status, ['rate_assigned', 'confirmed']))--}}
{{--                            <a href="{{ route('customer.contracts.download', $contract->id) }}"--}}
{{--                               class="text-blue-600 hover:text-blue-800 text-xs">--}}
{{--                                <i class="fas fa-download ml-1"></i> دانلود پیش‌نویس--}}
{{--                            </a>--}}
{{--                        @else--}}
{{--                            <span class="text-gray-400 text-xs">در انتظار تأیید</span>--}}
{{--                        @endif--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            @empty--}}
{{--                <div class="text-center py-12 text-gray-500">--}}
{{--                    <p class="text-sm">هنوز هیچ درخواستی ثبت نشده است</p>--}}
{{--                    <a href="{{ route('customer.contracts.create') }}" class="text-blue-600 hover:underline text-xs mt-2 block">--}}
{{--                        ثبت درخواست جدید--}}
{{--                    </a>--}}
{{--                </div>--}}
{{--            @endforelse--}}
{{--        </div>--}}
{{--    </div>--}}
{{--@endsection--}}

{{--@extends('layouts.customer')--}}
{{--@section('page-title', 'لیست درخواست‌های قرارداد')--}}

{{--@section('content')--}}
{{--    <div class="bg-white rounded-lg shadow-sm p-5 md:p-8">--}}
{{--        <h2 class="text-lg font-bold text-gray-800 mb-6">لیست درخواست‌های قرارداد</h2>--}}

{{--        <!-- دسکتاپ: جدول ساده -->--}}
{{--        <div class="hidden sm:block overflow-x-auto">--}}
{{--            <table class="min-w-full divide-y divide-gray-200 text-sm">--}}
{{--                <thead class="bg-gray-50">--}}
{{--                <tr>--}}
{{--                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">تاریخ ثبت</th>--}}
{{--                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">بازه قرارداد</th>--}}
{{--                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">وضعیت</th>--}}
{{--                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">نرخ پایه</th>--}}
{{--                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">پیش‌نویس قرارداد</th>--}}
{{--                </tr>--}}
{{--                </thead>--}}
{{--                <tbody class="divide-y divide-gray-100">--}}
{{--                @forelse($contracts as $contract)--}}
{{--                    <tr class="hover:bg-gray-50 transition">--}}
{{--                        <td class="px-5 py-3 text-right text-xs font-mono">--}}
{{--                            {{ \Morilog\Jalali\Jalalian::fromCarbon($contract->created_at)->format('Y/m/d') }}--}}
{{--                        </td>--}}
{{--                        <td class="px-5 py-3 text-right text-xs">--}}
{{--                            {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->start_date))->format('Y/m/d') }}--}}
{{--                            الی--}}
{{--                            {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->end_date))->format('Y/m/d') }}--}}
{{--                        </td>--}}
{{--                        <td class="px-5 py-3 text-right">--}}
{{--                            @if(now()->gt($contract->end_date) || $contract->status == 'expired')--}}
{{--                                <span class="inline-block bg-gray-100 text-gray-600 px-3 py-1 rounded text-xs">منقضی شده</span>--}}
{{--                            @elseif($contract->status == 'pending')--}}
{{--                                <span class="inline-block bg-yellow-100 text-yellow-700 px-3 py-1 rounded text-xs">در انتظار بررسی</span>--}}
{{--                            @elseif($contract->status == 'rate_assigned')--}}
{{--                                <span class="inline-block bg-blue-100 text-blue-700 px-3 py-1 rounded text-xs">آماده چاپ</span>--}}
{{--                            @elseif($contract->status == 'confirmed')--}}
{{--                                <span class="inline-block bg-green-100 text-green-700 px-3 py-1 rounded text-xs">تأیید شده</span>--}}
{{--                            @endif--}}
{{--                        </td>--}}
{{--                        <td class="px-5 py-3 text-right text-xs font-mono">--}}
{{--                            {{ $contract->base_rate ? number_format($contract->base_rate) : '—' }}--}}
{{--                        </td>--}}
{{--                        <td class="px-5 py-3 text-right text-xs">--}}
{{--                            @if(in_array($contract->status, ['rate_assigned', 'confirmed']))--}}
{{--                                <div class="flex items-center justify-right gap-3">--}}
{{--                                    <a href="{{ route('customer.contracts.preview', $contract->id) }}" target="_blank"--}}
{{--                                       class="text-indigo-600 hover:text-indigo-800 transition">--}}
{{--                                        <i class="fas fa-eye ml-1"></i> مشاهده--}}
{{--                                    </a>--}}
{{--                                    <a href="{{ route('customer.contracts.download', $contract->id) }}"--}}
{{--                                       class="text-green-600 hover:text-green-800 transition">--}}
{{--                                        <i class="fas fa-download ml-1"></i> دانلود--}}
{{--                                    </a>--}}
{{--                                </div>--}}
{{--                            @else--}}
{{--                                <span class="text-gray-400 text-xs">در انتظار</span>--}}
{{--                            @endif--}}
{{--                        </td>--}}
{{--                    </tr>--}}
{{--                @empty--}}
{{--                    <tr>--}}
{{--                        <td colspan="5" class="py-12 text-center text-gray-500">--}}
{{--                            <p class="text-sm">هنوز هیچ درخواستی ثبت نشده است</p>--}}
{{--                            <a href="{{ route('customer.contracts.create') }}" class="text-blue-600 hover:underline text-xs mt-2 block">--}}
{{--                                ثبت درخواست جدید--}}
{{--                            </a>--}}
{{--                        </td>--}}
{{--                    </tr>--}}
{{--                @endforelse--}}
{{--                </tbody>--}}
{{--            </table>--}}
{{--        </div>--}}

{{--        <!-- موبایل: کارت ساده -->--}}
{{--        <div class="sm:hidden space-y-4">--}}
{{--            @forelse($contracts as $contract)--}}
{{--                <div class="bg-gray-50 rounded-lg p-4">--}}
{{--                    <div class="text-xs space-y-2">--}}
{{--                        <div class="flex justify-between">--}}
{{--                            <span class="text-gray-600">تاریخ ثبت:</span>--}}
{{--                            <span class="font-mono">{{ \Morilog\Jalali\Jalalian::fromCarbon($contract->created_at)->format('Y/m/d') }}</span>--}}
{{--                        </div>--}}
{{--                        <div class="flex justify-between">--}}
{{--                            <span class="text-gray-600">بازه:</span>--}}
{{--                            <span>--}}
{{--                            {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->start_date))->format('Y/m/d') }}--}}
{{--                            تا--}}
{{--                            {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->end_date))->format('Y/m/d') }}--}}
{{--                        </span>--}}
{{--                        </div>--}}
{{--                        <div class="flex justify-between">--}}
{{--                            <span class="text-gray-600">وضعیت:</span>--}}
{{--                            @if(now()->gt($contract->end_date) || $contract->status == 'expired')--}}
{{--                                <span class="bg-gray-100 text-gray-600 px-2 py-1 rounded text-xs">منقضی شده</span>--}}
{{--                            @elseif($contract->status == 'pending')--}}
{{--                                <span class="bg-yellow-100 text-yellow-700 px-2 py-1 rounded text-xs">در انتظار</span>--}}
{{--                            @elseif($contract->status == 'rate_assigned')--}}
{{--                                <span class="bg-blue-100 text-blue-700 px-2 py-1 rounded text-xs">آماده چاپ</span>--}}
{{--                            @elseif($contract->status == 'confirmed')--}}
{{--                                <span class="bg-green-100 text-green-700 px-2 py-1 rounded text-xs">تأیید شده</span>--}}
{{--                            @endif--}}
{{--                        </div>--}}
{{--                        <div class="flex justify-between">--}}
{{--                            <span class="text-gray-600">نرخ:</span>--}}
{{--                            <span class="font-mono">{{ $contract->base_rate ? number_format($contract->base_rate) : '—' }}</span>--}}
{{--                        </div>--}}
{{--                    </div>--}}

{{--                    <div class="mt-4 text-center space-y-2">--}}
{{--                        @if(in_array($contract->status, ['rate_assigned', 'confirmed']))--}}
{{--                            <a href="{{ route('customer.contracts.preview', $contract->id) }}" target="_blank"--}}
{{--                               class="block text-indigo-600 hover:text-indigo-800 text-xs">--}}
{{--                                <i class="fas fa-eye ml-1"></i> مشاهده پیش‌نویس--}}
{{--                            </a>--}}
{{--                            <a href="{{ route('customer.contracts.download', $contract->id) }}"--}}
{{--                               class="block text-green-600 hover:text-green-800 text-xs">--}}
{{--                                <i class="fas fa-download ml-1"></i> دانلود PDF--}}
{{--                            </a>--}}
{{--                        @else--}}
{{--                            <span class="text-gray-400 text-xs block">در انتظار تأیید ادمین</span>--}}
{{--                        @endif--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            @empty--}}
{{--                <div class="text-center py-12 text-gray-500">--}}
{{--                    <p class="text-sm">هنوز هیچ درخواستی ثبت نشده است</p>--}}
{{--                    <a href="{{ route('customer.contracts.create') }}" class="text-blue-600 hover:underline text-xs mt-2 block">--}}
{{--                        ثبت درخواست جدید--}}
{{--                    </a>--}}
{{--                </div>--}}
{{--            @endforelse--}}
{{--        </div>--}}
{{--    </div>--}}
{{--    <script>--}}
{{--        @if(session('contract_alert'))--}}
{{--        document.addEventListener('DOMContentLoaded', function () {--}}
{{--            Swal.fire({--}}
{{--                title: '{{ session('contract_alert.title') }}',--}}
{{--                html: '{!! session('contract_alert.text') !!}',--}}
{{--                icon: '{{ session('contract_alert.icon') }}',--}}
{{--                confirmButtonText: '{{ session('contract_alert.confirmButtonText') }}',--}}
{{--                heightAuto: false,--}}
{{--                width: '360px',--}}
{{--                padding: '1.5rem',--}}
{{--                buttonsStyling: false,--}}
{{--                customClass: {--}}
{{--                    title: 'text-lg font-bold',--}}
{{--                    htmlContainer: 'text-sm text-gray-600',--}}
{{--                    confirmButton: 'bg-orange-600 hover:bg-orange-700 text-white font-medium py-2 px-6 rounded-lg',--}}
{{--                    popup: 'rounded-xl shadow-2xl'--}}
{{--                }--}}
{{--            });--}}
{{--        });--}}
{{--        @endif--}}
{{--    </script>--}}
{{--@endsection--}}

@extends('layouts.customer')
@section('page-title', 'لیست درخواست‌های قرارداد')

@section('content')
    <div class="bg-white rounded-lg shadow-sm p-5 md:p-8">
        <h2 class="text-lg font-bold text-gray-800 mb-6">لیست درخواست‌های قرارداد</h2>

        <!-- desktop -->
        <div class="hidden sm:block overflow-x-auto">
            <table class="min-w-full divide-y divide-gray-200 text-sm">
                <thead class="bg-gray-50">
                <tr>
                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">تاریخ ثبت</th>
                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">بازه قرارداد</th>
                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">وضعیت</th>
                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">نرخ پایه</th>
                    <th class="px-5 py-3 text-right text-xs font-medium text-gray-600">پیش‌نویس قرارداد</th>
                </tr>
                </thead>
                <tbody class="divide-y divide-gray-100">
                @forelse($contracts as $contract)
                    <tr class="hover:bg-gray-50 transition">
                        <td class="px-5 py-3 text-right text-xs font-mono">
                            {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->created_at))->format('Y/m/d') }}
                        </td>
                        <td class="px-5 py-3 text-right text-xs">
                            {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->start_date))->format('Y/m/d') }}
                            الی
                            {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->end_date))->format('Y/m/d') }}
                        </td>
                        <td class="px-5 py-3 text-right">
                            @if(now()->gt($contract->end_date) || $contract->status == 'expired')
                                <span class="inline-block bg-gray-100 text-gray-600 px-3 py-1 rounded text-xs">منقضی شده</span>
                            @elseif($contract->status == 'pending')
                                <span class="inline-block bg-yellow-100 text-yellow-700 px-3 py-1 rounded text-xs">در انتظار بررسی</span>
                            @elseif($contract->status == 'rate_assigned')
                                <span class="inline-block bg-blue-100 text-blue-700 px-3 py-1 rounded text-xs">آماده چاپ</span>
                            @elseif($contract->status == 'confirmed')
                                <span class="inline-block bg-green-100 text-green-700 px-3 py-1 rounded text-xs">تأیید شده</span>
                            @elseif($contract->status == 'rejected')
                                <span class="inline-block bg-red-100 text-red-700 px-3 py-1 rounded text-xs">رد شده</span>
                                @if($contract->reject_reason)
                                    <details class="mt-2">
                                        <summary class="cursor-pointer text-red-600 text-xs hover:underline">دلیل رد</summary>
                                        <p class="bg-red-50 p-3 rounded mt-1 text-xs text-right whitespace-pre-line">{{ $contract->reject_reason }}</p>
                                    </details>
                                @endif
                            @endif
                        </td>
                        <td class="px-5 py-3 text-right text-xs font-mono">
                            {{ $contract->base_rate ? number_format($contract->base_rate) : '—' }}
                        </td>
                        <td class="px-5 py-3 text-right text-xs">
                            @if(in_array($contract->status, ['rate_assigned', 'confirmed']))
                                <div class="flex items-center justify-right gap-3">
                                    <a href="{{ route('customer.contracts.preview', $contract->id) }}" target="_blank"
                                       class="text-indigo-600 hover:text-indigo-800 transition">
                                        <i class="fas fa-eye ml-1"></i> مشاهده
                                    </a>
                                    <a href="{{ route('customer.contracts.download', $contract->id) }}"
                                       class="text-green-600 hover:text-green-800 transition">
                                        <i class="fas fa-download ml-1"></i> دانلود
                                    </a>
                                </div>
                            @else
                                <span class="text-gray-400 text-xs">در انتظار</span>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="py-12 text-center text-gray-500">
                            <p class="text-sm">هنوز هیچ درخواستی ثبت نشده است</p>
                            <a href="{{ route('customer.contracts.create') }}" class="text-blue-600 hover:underline text-xs mt-2 block">
                                ثبت درخواست جدید
                            </a>
                        </td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>

        <!-- mobile cart -->
        <div class="sm:hidden space-y-4">
            @forelse($contracts as $contract)
                <div class="bg-gray-50 rounded-lg p-4">
                    <div class="text-xs space-y-2">
                        <div class="flex justify-between">
                            <span class="text-gray-600">تاریخ ثبت:</span>
                            <span class="font-mono">{{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->created_at))->format('Y/m/d') }}</span>
                        </div>
                        <div class="flex justify-between">
                            <span class="text-gray-600">بازه:</span>
                            <span>
                            {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->start_date))->format('Y/m/d') }}
                            تا
                            {{ \Morilog\Jalali\Jalalian::fromCarbon(\Carbon\Carbon::parse($contract->end_date))->format('Y/m/d') }}
                        </span>
                        </div>
                        <div class="flex justify-between items-start">
                            <span class="text-gray-600">وضعیت:</span>
                            <div class="text-left">
                                @if(now()->gt($contract->end_date) || $contract->status == 'expired')
                                    <span class="bg-gray-100 text-gray-600 px-2 py-1 rounded text-xs block">منقضی شده</span>
                                @elseif($contract->status == 'pending')
                                    <span class="bg-yellow-100 text-yellow-700 px-2 py-1 rounded text-xs block">در انتظار</span>
                                @elseif($contract->status == 'rate_assigned')
                                    <span class="bg-blue-100 text-blue-700 px-2 py-1 rounded text-xs block">آماده چاپ</span>
                                @elseif($contract->status == 'confirmed')
                                    <span class="bg-green-100 text-green-700 px-2 py-1 rounded text-xs block">تأیید شده</span>
                                @elseif($contract->status == 'rejected')
                                    <span class="bg-red-100 text-red-700 px-2 py-1 rounded text-xs block">رد شده</span>
                                    @if($contract->reject_reason)
                                        <details class="mt-2">
                                            <summary class="cursor-pointer text-red-600 text-xs hover:underline">دلیل رد</summary>
                                            <p class="bg-red-50 p-3 rounded mt-1 text-xs text-right whitespace-pre-line">{{ $contract->reject_reason }}</p>
                                        </details>
                                    @endif
                                @endif
                            </div>
                        </div>
                        <div class="flex justify-between">
                            <span class="text-gray-600">نرخ:</span>
                            <span class="font-mono">{{ $contract->base_rate ? number_format($contract->base_rate) : '—' }}</span>
                        </div>
                    </div>

                    <div class="mt-4 text-center space-y-2">
                        @if(in_array($contract->status, ['rate_assigned', 'confirmed']))
                            <a href="{{ route('customer.contracts.preview', $contract->id) }}" target="_blank"
                               class="block text-indigo-600 hover:text-indigo-800 text-xs">
                                <i class="fas fa-eye ml-1"></i> مشاهده پیش‌نویس
                            </a>
                            <a href="{{ route('customer.contracts.download', $contract->id) }}"
                               class="block text-green-600 hover:text-green-800 text-xs">
                                <i class="fas fa-download ml-1"></i> دانلود PDF
                            </a>
                        @else
                            <span class="text-gray-400 text-xs block">در انتظار تأیید ادمین</span>
                        @endif
                    </div>
                </div>
            @empty
                <div class="text-center py-12 text-gray-500">
                    <p class="text-sm">هنوز هیچ درخواستی ثبت نشده است</p>
                    <a href="{{ route('customer.contracts.create') }}" class="text-blue-600 hover:underline text-xs mt-2 block">
                        ثبت درخواست جدید
                    </a>
                </div>
            @endforelse
        </div>
    </div>

    <script>
        @if(session('contract_alert'))
        document.addEventListener('DOMContentLoaded', function () {
            Swal.fire({
                title: '{{ session('contract_alert.title') }}',
                html: '{!! session('contract_alert.text') !!}',
                icon: '{{ session('contract_alert.icon') }}',
                confirmButtonText: '{{ session('contract_alert.confirmButtonText') }}',
                heightAuto: false,
                width: '360px',
                padding: '1.5rem',
                buttonsStyling: false,
                customClass: {
                    title: 'text-lg font-bold',
                    htmlContainer: 'text-sm text-gray-600',
                    confirmButton: 'bg-orange-600 hover:bg-orange-700 text-white font-medium py-2 px-6 rounded-lg',
                    popup: 'rounded-xl shadow-2xl'
                }
            });
        });
        @endif
    </script>
@endsection