@extends('layouts.admin')

@section('title', 'Financial Ledger')
@section('header_title', 'Global Monetary Tracking')

@section('content')
<div class="data-card">
    <div class="card-header">
        <h2>Gateway Transaction Ledger</h2>
        <div style="font-size: 0.9rem; color: var(--text-muted);">
            Auditing {{ $payments->total() }} Logistics Payments
        </div>
    </div>
    <div class="table-wrap">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>Protocol Ref</th>
                    <th>Booking Node</th>
                    <th>Intelligence Profile</th>
                    <th>Vector</th>
                    <th>Magnitude</th>
                    <th>State</th>
                    <th style="text-align: right;">Timeline</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($payments as $payment)
                <tr>
                    <td>
                        <div style="font-weight: 700; color: var(--dark); font-family: monospace;">{{ $payment->transaction_id }}</div>
                        <div style="font-size: 0.7rem; color: var(--text-muted);">#ID-{{ $payment->id }}</div>
                    </td>
                    <td>
                        <div style="font-weight: 600; font-size: 0.85rem;">#BOOK-{{ $payment->booking_id }}</div>
                        <div style="font-size: 0.75rem; color: var(--text-muted);">{{ $payment->booking->court->club->name ?? 'N/A' }}</div>
                    </td>
                    <td>
                        <div style="font-size: 0.85rem; font-weight: 600;">{{ $payment->booking->user->name ?? 'System User' }}</div>
                        <div style="font-size: 0.75rem; color: var(--text-muted);">{{ $payment->booking->user->email ?? '' }}</div>
                    </td>
                    <td>
                        <span class="status-pill" style="background: #f1f5f9; color: #475569;">{{ strtoupper($payment->gateway) }}</span>
                    </td>
                    <td><div style="font-weight: 800; color: var(--primary);">Rs. {{ number_format($payment->amount) }}</div></td>
                    <td>
                        <span class="status-pill {{ $payment->status === 'success' || $payment->status === 'confirmed' ? 'pill-success' : ($payment->status === 'failed' ? 'pill-danger' : 'pill-warning') }}">
                            {{ strtoupper($payment->status) }}
                        </span>
                    </td>
                    <td style="text-align: right; white-space: nowrap;">
                        {{ $payment->created_at ? $payment->created_at->format('M d, H:i:s') : 'N/A' }}
                    </td>
                </tr>
                @empty
                    <tr>
                        <td colspan="7" style="padding: 5rem; text-align: center; color: var(--text-muted);">
                            <i class="fas fa-money-check-alt fa-3x" style="opacity: 0.2; margin-bottom: 1rem; display: block;"></i>
                            No transaction records are currently synchronized with the ledger.
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div style="padding: 1.5rem 2rem; border-top: 1px solid var(--border);">
        {{ $payments->links() }}
    </div>
</div>
@endsection