@extends('layouts.app')
@section('title', 'سجل المشتريات')
@section('sidebar') @include('customer._sidebar') @endsection
@section('content')
<h1 class="text-xl font-bold mb-4">سجل المشتريات</h1>
<div class="bg-white rounded-xl border border-gray-200 overflow-hidden">
    <table class="w-full text-sm text-right">
        <thead class="bg-gray-50 text-gray-500 text-xs"><tr>
            <th class="px-4 py-3">الباقة</th><th class="px-4 py-3">المبلغ</th><th class="px-4 py-3">الحالة</th>
            <th class="px-4 py-3">تاريخ الشراء</th><th class="px-4 py-3">تاريخ الانتهاء</th>
        </tr></thead>
        <tbody class="divide-y divide-gray-100">
            @forelse($purchases as $p)
            <tr>
                <td class="px-4 py-3">{{ $p->package->name_ar }}</td>
                <td class="px-4 py-3">${{ number_format($p->amount_paid, 2) }}</td>
                <td class="px-4 py-3">{{ ['pending'=>'قيد الانتظار','paid'=>'مدفوعة','failed'=>'فشلت','refunded'=>'مسترجعة'][$p->status] }}</td>
                <td class="px-4 py-3">{{ $p->purchased_at?->format('Y-m-d') ?? '-' }}</td>
                <td class="px-4 py-3">{{ $p->expires_at?->format('Y-m-d') ?? '-' }}</td>
            </tr>
            @empty
            <tr><td colspan="5" class="px-4 py-8 text-center text-gray-400">لا توجد مشتريات بعد.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $purchases->links() }}</div>
@endsection