@extends('layouts.app')

@section('title', 'Payments')

@section('content')
@include('super-admin.partials.nav')

<x-page-header title="Payment Management" subtitle="Registration and gateway payment transactions" icon="bolt" icon-color="emerald" />

<div class="glass-card p-4 mb-4 flex flex-wrap gap-2">
    <a href="{{ route('super-admin.payments.index') }}" class="btn-sm {{ !$status ? 'btn-primary' : 'btn-ghost' }}">All</a>
    <a href="{{ route('super-admin.payments.index', ['status' => 'awaiting']) }}" class="btn-sm {{ $status === 'awaiting' ? 'btn-primary' : 'btn-ghost' }}">Awaiting review</a>
    @foreach (['pending', 'success', 'failed'] as $s)
        <a href="{{ route('super-admin.payments.index', ['status' => $s]) }}" class="btn-sm {{ $status === $s ? 'btn-primary' : 'btn-ghost' }}">{{ ucfirst($s) }}</a>
    @endforeach
</div>

<div class="table-wrap">
    <table class="data-table">
        <thead>
            <tr>
                <th>When</th>
                <th>Company</th>
                <th>Provider</th>
                <th>Reference</th>
                <th>Amount</th>
                <th>Status</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @forelse ($payments as $payment)
                <tr>
                    <td class="whitespace-nowrap text-xs">{{ $payment->created_at?->format('Y-m-d H:i') }}</td>
                    <td>{{ $payment->company?->name ?? '—' }}</td>
                    <td>{{ $payment->provider }}</td>
                    <td class="font-mono text-xs">{{ $payment->reference ?? '—' }}</td>
                    <td>{{ number_format((float) $payment->amount, 2) }} {{ $payment->currency }}</td>
                    <td>
                        <span class="badge-{{ $payment->status === 'success' ? 'success' : ($payment->status === 'failed' ? 'danger' : 'neutral') }}">{{ $payment->status }}</span>
                        @if ($payment->awaitingReview())
                            <span class="badge-info">Review</span>
                        @endif
                    </td>
                    <td><a href="{{ route('super-admin.payments.show', $payment) }}" class="btn-ghost btn-sm">View</a></td>
                </tr>
            @empty
                <tr><td colspan="7" class="text-center text-themed-muted py-8">No payment transactions yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $payments->links() }}</div>
@endsection