@extends('layouts.master')

@section('title', 'Agent Payments - HomesInKerala')

@section('content')
    <section class="bg-soft py-5 border-bottom">
        <div class="container">
            <h1 class="fw-bold">Payments</h1>
            <p class="text-muted mb-0">View your subscription payment history.</p>
        </div>
    </section>

    <section class="py-5">
        <div class="container">
            @include('frontend.agent.partials.nav')

            <div class="property-detail-card">
                <div class="table-responsive">
                    <table class="table align-middle mb-0">
                        <thead>
                            <tr>
                                <th>Description</th>
                                <th>Gateway</th>
                                <th>Amount</th>
                                <th>Status</th>
                                <th>Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($payments as $payment)
                                <tr>
                                    <td>{{ $payment->description }}</td>
                                    <td>{{ Str::headline($payment->gateway) }}</td>
                                    <td>{{ $payment->currency }} {{ number_format((float) $payment->amount, 2) }}</td>
                                    <td><span class="badge text-bg-{{ $payment->status_badge }}">{{ Str::headline($payment->status) }}</span></td>
                                    <td>{{ $payment->created_at->format('d M Y') }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="5" class="text-center text-muted py-5">No payments found.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="mt-4">{{ $payments->links() }}</div>
        </div>
    </section>
@endsection