<x-app-layout>
    <x-slot name="header">Historial de Pagos</x-slot>

    <div class="card">
        <div class="card-title">Mis Pagos</div>

        <table class="data-table">
            <thead>
                <tr>
                    <th>Fecha</th>
                    <th>Concepto</th>
                    <th>Monto</th>
                    <th>Método</th>
                    <th>Estado</th>
                </tr>
            </thead>
            <tbody>
                @if(isset($pagos) && count($pagos))
                    @foreach($pagos as $p)
                        <tr>
                            <td>{{ optional($p->created_at)->format('Y-m-d') ?? '-' }}</td>
                            <td>{{ $p->nombre ?? '-' }}</td>
                            <td>S/ {{ number_format($p->monto ?? 0, 2) }}</td>
                            <td>{{ ucfirst($p->metodo_pago ?? '-') }}</td>
                            <td>{{ ucfirst($p->estado ?? '-') }}</td>
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="5" style="color:var(--muted);">Aún no tienes pagos registrados.</td>
                    </tr>
                @endif
            </tbody>
        </table>
    </div>

</x-app-layout>
