@extends('user.layouts.app')
@section('title','Payments & Invoices')
@section('page-title','Payments & Invoices')
@section('page-subtitle','View payment history and pay pending fees')
@section('content')

@if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
@if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>@endif

@if($registrations->isNotEmpty())
@include('user.partials.pending-registration-payments')
@endif

@include('user.partials.paper-review-access', ['paperReviewAccess' => $paperReviewAccess ?? collect()])

<div class="row g-4">
    <div class="col-lg-6">
        <div class="content-card p-4">
            <h5>Payments</h5>
            <div class="table-responsive">
                <table class="table table-sm">
                    <thead><tr><th>Reference</th><th>Amount</th><th>Status</th><th>Date</th></tr></thead>
                    <tbody>
                        @forelse($payments as $payment)
                            <tr>
                                <td>
                                    {{ Str::limit($payment->payment_reference, 15) }}
                                    <small class="text-muted d-block">{{ str_replace('_', ' ', ucfirst($payment->payment_type)) }}</small>
                                </td>
                                <td>{{ $payment->currency ?? 'NGN' }} {{ number_format($payment->amount, 2) }}</td>
                                <td><span class="badge {{ $payment->status === 'successful' ? 'bg-success' : 'bg-warning text-dark' }}">{{ ucfirst($payment->status) }}</span></td>
                                <td>{{ $payment->created_at->format('M d, Y') }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="text-muted">No payments yet.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            {{ $payments->links() }}
        </div>
    </div>
    <div class="col-lg-6">
        <div class="content-card p-4">
            <h5>Invoices</h5>
            <div class="table-responsive">
                <table class="table table-sm">
                    <thead><tr><th>Invoice #</th><th>Amount</th><th>Status</th><th></th></tr></thead>
                    <tbody>
                        @forelse($invoices as $invoice)
                            <tr>
                                <td>{{ $invoice->invoice_number }}</td>
                                <td>₦{{ number_format($invoice->total_amount, 2) }}</td>
                                <td><span class="badge {{ $invoice->status === 'paid' ? 'bg-success' : 'bg-warning text-dark' }}">{{ ucfirst($invoice->status) }}</span></td>
                                <td><a href="{{ route('user.invoice-preview', $invoice) }}" class="btn btn-sm btn-outline-secondary">View</a></td>
                            </tr>
                        @empty
                            <tr><td colspan="4" class="text-muted">No invoices yet.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            {{ $invoices->links() }}
        </div>
    </div>
</div>

@endsection