@extends('layouts.admin')

@section('page-title', 'Payments')

@section('content')
<div class="royal-card overflow-hidden">
    <table class="w-full">
        <thead class="bg-gray-50 dark:bg-gray-800"><tr><th class="text-left py-3 px-4">Transaction ID</th><th class="text-left py-3 px-4">Order</th><th class="text-left py-3 px-4">Customer</th><th class="text-left py-3 px-4">Gateway</th><th class="text-left py-3 px-4">Amount</th><th class="text-left py-3 px-4">Status</th><th class="text-left py-3 px-4">Date</th></tr></thead>
        <tbody>
            @forelse($payments as $payment)
                <tr class="border-b">
                    <td class="py-3 px-4 font-mono text-sm">{{ $payment->transaction_id ?? 'N/A' }}</td>
                    <td class="py-3 px-4"><a href="{{ route('admin.orders.show', $payment->order) }}" class="text-blue-600">{{ $payment->order->order_number }}</a></td>
                    <td class="py-3 px-4">{{ $payment->customer->name }}</td>
                    <td class="py-3 px-4">{{ ucfirst($payment->payment_gateway ?? $payment->payment_method) }}</td>
                    <td class="py-3 px-4 font-semibold">${{ number_format($payment->amount, 2) }}</td>
                    <td class="py-3 px-4"><span class="px-2 py-1 rounded text-xs font-semibold @if($payment->status==='completed') bg-green-100 text-green-800 @elseif($payment->status==='pending') bg-yellow-100 text-yellow-800 @elseif($payment->status==='refunded') bg-blue-100 text-blue-800 @else bg-red-100 text-red-800 @endif">{{ ucfirst($payment->status) }}</span></td>
                    <td class="py-3 px-4">{{ $payment->created_at->format('M d, Y') }}</td>
                </tr>
            @empty
                <tr><td colspan="7" class="py-8 text-center text-gray-500">No payments found</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@if(isset($payments) && $payments->hasPages())<div class="mt-6">{{ $payments->links() }}</div>@endif
@endsection