@extends('admin.layout')

@section('title', 'طلبات الدفع')
@section('header', 'إدارة الاشتراكات والدفعات')

@section('content')
    <div class="bg-white rounded-lg shadow overflow-hidden">
        <div class="px-6 py-4 border-b border-gray-200 flex justify-between items-center bg-gray-50">
            <h3 class="font-bold text-gray-700">طلبات الدفع الواردة</h3>
        </div>

        <div class="overflow-x-auto">
            <table class="w-full text-sm text-right">
                <thead class="bg-gray-100 text-gray-600">
                    <tr>
                        <th class="px-6 py-3">المدرسة</th>
                        <th class="px-6 py-3">المبلغ</th>
                        <th class="px-6 py-3">الإيصال</th>
                        <th class="px-6 py-3">التاريخ</th>
                        <th class="px-6 py-3">الحالة</th>
                        <th class="px-6 py-3">ملاحظات</th>
                        <th class="px-6 py-3 text-center">إجراءات</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-gray-200">
                    @forelse($payments as $payment)
                    <tr class="hover:bg-gray-50">
                        <td class="px-6 py-4">
                            <div class="font-bold text-gray-800">{{ $payment->tenant->name }}</div>
                            <div class="text-xs text-gray-500">{{ $payment->tenant->email }}</div>
                        </td>
                        <td class="px-6 py-4 font-bold text-green-700">
                            {{ number_format($payment->amount) }} {{ $payment->currency }}
                        </td>
                        <td class="px-6 py-4">
                            <a href="{{ Storage::disk('central')->url($payment->receipt_path) }}" target="_blank" class="block w-16 h-16 rounded overflow-hidden border border-gray-300 hover:opacity-75">
                                <img src="{{ Storage::disk('central')->url($payment->receipt_path) }}" alt="Receipt" class="w-full h-full object-cover">
                            </a>
                        </td>
                        <td class="px-6 py-4 text-gray-500" dir="ltr">
                            {{ $payment->created_at->format('Y-m-d H:i') }}
                        </td>
                        <td class="px-6 py-4">
                            @if($payment->status === 'pending')
                                <span class="bg-yellow-100 text-yellow-800 px-2 py-1 rounded text-xs font-bold">قيد المراجعة</span>
                            @elseif($payment->status === 'approved')
                                <span class="bg-green-100 text-green-800 px-2 py-1 rounded text-xs font-bold">مقبول</span>
                            @else
                                <span class="bg-red-100 text-red-800 px-2 py-1 rounded text-xs font-bold">مرفوض</span>
                            @endif
                        </td>
                        <td class="px-6 py-4 text-xs text-gray-600">
                            {{ $payment->notes ?? '-' }}
                        </td>
                        <td class="px-6 py-4 text-center">
                            @if($payment->status === 'pending')
                                <div class="flex justify-center gap-2">
                                    <form method="POST" action="{{ route('admin.payments.approve', $payment->id) }}" onsubmit="return confirm('هل أنت متأكد من الموافقة وتمديد الاشتراك؟');">
                                        @csrf
                                        <button type="submit" class="bg-green-600 hover:bg-green-700 text-white px-3 py-1 rounded text-xs">
                                            ✅ موافقة
                                        </button>
                                    </form>

                                    <form method="POST" action="{{ route('admin.payments.reject', $payment->id) }}" onsubmit="let n = prompt('سبب الرفض:'); if(n) { this.elements['notes'].value = n; return true; } return false;">
                                        @csrf
                                        <input type="hidden" name="notes">
                                        <button type="submit" class="bg-red-600 hover:bg-red-700 text-white px-3 py-1 rounded text-xs">
                                            ❌ رفض
                                        </button>
                                    </form>
                                </div>
                            @else
                                <span class="text-gray-400 text-xs">-</span>
                            @endif
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="6" class="px-6 py-8 text-center text-gray-500">
                            لا توجد طلبات دفع حالياً.
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="bg-gray-50 px-6 py-4 border-t">
            {{ $payments->links() }}
        </div>
    </div>
@endsection