@extends('layouts.admin')

@section('page-title', 'خریدهای مشترک')

@section('content')
    <div class="bg-white p-6 rounded-lg shadow-sm">
        <div class="flex justify-between items-center mb-6">
            <h1 class="text-xl font-bold text-gray-800">
                خریدهای: {{ $customer->company_name ?? $customer->full_name }}
            </h1>
            <a href="{{ route('admin.customers.profile', $customer) }}" class="text-blue-600 text-xs underline">پروفایل</a>
        </div>

        <div class="overflow-x-auto">
            <table class="min-w-full text-xs">
                <thead class="bg-gradient-to-r from-indigo-500 to-purple-500 text-white">
                <tr>
                    <th class="px-3 py-2 text-center">دوره</th>
                    <th class="px-3 py-2 text-center">نوع خرید</th>
                    <th class="px-3 py-2 text-center">مبلغ (ریال)</th>
                    <th class="px-3 py-2 text-center">وضعیت</th>
                    <th class="px-3 py-2 text-center">تاریخ</th>
                    <th class="px-3 py-2 text-center">فاکتور</th>
                </tr>
                </thead>
                <tbody class="divide-y divide-gray-200">
                @forelse($purchases as $purchase)
                    <tr class="hover:bg-gray-50">
                        <td class="px-3 py-2 text-center">{{ $purchase->period?->name ?? '—' }}</td>
                        <td class="px-3 py-2 text-center">{{ $purchase->purchase_type === 'base' ? 'بار پایه' : 'بازه‌ای' }}</td>
                        <td class="px-3 py-2 text-center font-mono" dir="ltr">{{ number_format($purchase->total_amount) }}</td>
                        <td class="px-3 py-2 text-center">
                            <span class="px-2 py-0.5 text-[10px] font-medium rounded-full
                                {{ $purchase->status === 'paid' ? 'bg-green-100 text-green-700' : 'bg-yellow-100 text-yellow-700' }}">
                                {{ $purchase->status === 'paid' ? 'پرداخت شده' : 'در انتظار' }}
                            </span>
                        </td>
                        <td class="px-3 py-2 text-center" dir="ltr">{{ $purchase->created_at->format('Y/m/d') }}</td>
                        <td class="px-3 py-2 text-center">
                            <a href="{{ route('admin.purchases.invoice', $purchase) }}" class="text-indigo-600 underline text-xs">دانلود</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="text-center py-8 text-gray-500">هیچ خریدی ثبت نشده</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>

        <div class="mt-4">
            {{ $purchases->links('pagination.custom-tailwind') }}
        </div>
    </div>
@endsection