<?php $this->assign('title', 'Mis Pagos'); ?>

<h3 class="mb-4"><i class="fas fa-sync-alt"></i> Mis Pagos y Membresías</h3>

<?php if (!empty($paquetes)): ?>
    <?php foreach ($paquetes as $paquete): ?>
        <?php
            $tipoPagoTexto = match ($paquete->tipo_pago) {
                'contado' => 'Pago al contado',
                'partes' => 'Pago en partes',
                'recurrente' => 'Membresía mensual',
                default => 'Pago',
            };
            $cuotasPendientes = collection($paquete->paquetes_pagos_cuotas ?? [])
                ->filter(fn($c) => $c->estado === 'pendiente')
                ->toList();
            $proximaCuota = $cuotasPendientes[0] ?? null;
        ?>
        <div class="card mb-3">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-start flex-wrap gap-2">
                    <div>
                        <h5 class="card-title mb-1"><?= h($paquete->nombre) ?></h5>
                        <span class="badge bg-portal-primary btn-portal-primary" style="background-color: var(--portal-primary);">
                            <?= h($tipoPagoTexto) ?>
                        </span>
                        <?php if ($paquete->tipo_pago === 'recurrente'): ?>
                            <span class="text-muted ms-2">S/ <?= number_format((float) $paquete->precio_total, 2) ?> / mes</span>
                        <?php else: ?>
                            <span class="text-muted ms-2">S/ <?= number_format((float) $paquete->precio_total, 2) ?></span>
                        <?php endif; ?>
                    </div>
                    <?php if ($proximaCuota): ?>
                        <div class="text-end">
                            <div class="text-muted small">Próximo pago</div>
                            <div class="fw-semibold">
                                <?= $proximaCuota->fecha_recordatorio?->format('d/m/Y') ?>
                                &nbsp;·&nbsp; S/ <?= number_format((float) $proximaCuota->monto, 2) ?>
                            </div>
                        </div>
                    <?php endif; ?>
                </div>

                <?php if (!empty($cuotasPendientes)): ?>
                    <hr>
                    <div class="table-responsive">
                        <table class="table table-sm table-striped mb-0">
                            <thead>
                                <tr>
                                    <th>Concepto</th>
                                    <th>Fecha</th>
                                    <th>Monto</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach ($cuotasPendientes as $cuota): ?>
                                    <tr>
                                        <td><?= h($cuota->titulo_referencial) ?></td>
                                        <td><?= $cuota->fecha_recordatorio?->format('d/m/Y') ?></td>
                                        <td>S/ <?= number_format((float) $cuota->monto, 2) ?></td>
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>
                    </div>
                <?php else: ?>
                    <p class="text-muted mb-0 mt-2">No hay pagos pendientes en este momento.</p>
                <?php endif; ?>
            </div>
        </div>
    <?php endforeach; ?>
<?php else: ?>
    <p class="text-muted">No tienes membresías ni pagos registrados.</p>
<?php endif; ?>
