<?php $__env->startSection('title', 'Pagos'); ?>
<?php $__env->startSection('page-title', 'Gestión de Pagos'); ?>

<?php $__env->startSection('content'); ?>


<div class="grid grid-3" style="margin-bottom:24px;">
    <div class="stat-card">
        <div class="stat-icon green"><i class="fas fa-check-circle"></i></div>
        <div class="stat-info">
            <div class="stat-value">S/. <?php echo e(number_format($resumen['total_pagado'], 2)); ?></div>
            <div class="stat-label">Cobrado este mes</div>
        </div>
    </div>
    <div class="stat-card">
        <div class="stat-icon orange"><i class="fas fa-clock"></i></div>
        <div class="stat-info">
            <div class="stat-value">S/. <?php echo e(number_format($resumen['total_pendiente'], 2)); ?></div>
            <div class="stat-label">Pendiente de cobro</div>
        </div>
    </div>
    <div class="stat-card">
        <div class="stat-icon red"><i class="fas fa-exclamation-triangle"></i></div>
        <div class="stat-info">
            <div class="stat-value">S/. <?php echo e(number_format($resumen['total_vencido'], 2)); ?></div>
            <div class="stat-label">Deuda vencida</div>
        </div>
    </div>
</div>

<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;">
    <p style="color:var(--muted);font-size:13px;"><?php echo e($pagos->total()); ?> registros encontrados</p>
    <a href="<?php echo e(route('pagos.create')); ?>" class="btn btn-primary">
        <i class="fas fa-plus"></i> Registrar Pago
    </a>
</div>


<div class="card" style="margin-bottom:20px;">
    <div class="card-body" style="padding:16px 22px;">
        <form method="GET" style="display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;">
            <div style="flex:1;min-width:200px;">
                <input type="text" name="buscar" class="form-control"
                    placeholder="Alumno, DNI o N° recibo..." value="<?php echo e(request('buscar')); ?>">
            </div>
            <select name="estado" class="form-control" style="min-width:140px;">
                <option value="">Todos los estados</option>
                <option value="pagado"   <?php echo e(request('estado')=='pagado'   ? 'selected':''); ?>>Pagado</option>
                <option value="pendiente"<?php echo e(request('estado')=='pendiente'? 'selected':''); ?>>Pendiente</option>
                <option value="vencido"  <?php echo e(request('estado')=='vencido'  ? 'selected':''); ?>>Vencido</option>
                <option value="anulado"  <?php echo e(request('estado')=='anulado'  ? 'selected':''); ?>>Anulado</option>
            </select>
            <select name="mes" class="form-control" style="min-width:130px;">
                <option value="">Todos los meses</option>
                <?php $__currentLoopData = ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i => $mes): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <option value="<?php echo e($i+1); ?>" <?php echo e(request('mes')==($i+1) ? 'selected':''); ?>><?php echo e($mes); ?></option>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </select>
            <button type="submit" class="btn btn-primary"><i class="fas fa-filter"></i> Filtrar</button>
            <a href="<?php echo e(route('pagos.index')); ?>" class="btn btn-secondary"><i class="fas fa-times"></i></a>
        </form>
    </div>
</div>

<div class="card">
    <div class="table-wrapper">
        <table>
            <thead>
                <tr>
                    <th>N° Recibo</th>
                    <th>Alumno</th>
                    <th>Concepto</th>
                    <th>Mes / Año</th>
                    <th>Monto</th>
                    <th>Fecha Pago</th>
                    <th>Método</th>
                    <th>Estado</th>
                    <th style="text-align:center;">Acciones</th>
                </tr>
            </thead>
            <tbody>
            <?php $__empty_1 = true; $__currentLoopData = $pagos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $pago): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                <tr>
                    <td><span style="font-family:monospace;font-size:12px;"><?php echo e($pago->numero_recibo); ?></span></td>
                    <td style="font-weight:600;"><?php echo e($pago->alumno->nombre_completo ?? '—'); ?></td>
                    <td><?php echo e($pago->concepto->nombre ?? '—'); ?></td>
                    <td style="font-size:12px;color:var(--muted);">
                        <?php echo e($pago->nombre_mes); ?> <?php echo e($pago->anio_escolar); ?>

                    </td>
                    <td style="font-weight:700;color:var(--primary);">S/. <?php echo e(number_format($pago->monto_pagado, 2)); ?></td>
                    <td style="font-size:13px;"><?php echo e($pago->fecha_pago?->format('d/m/Y')); ?></td>
                    <td>
                        <span style="font-size:12px;text-transform:capitalize;"><?php echo e($pago->metodo_pago); ?></span>
                    </td>
                    <td>
                        <span class="badge badge-<?php echo e($pago->estado_badge); ?>"><?php echo e(ucfirst($pago->estado)); ?></span>
                    </td>
                    <td>
                        <div style="display:flex;gap:6px;justify-content:center;">
                            <a href="<?php echo e(route('pagos.show', $pago)); ?>" class="btn btn-sm btn-secondary btn-icon"><i class="fas fa-eye"></i></a>
                            <a href="<?php echo e(route('pagos.edit', $pago)); ?>" class="btn btn-sm btn-secondary btn-icon"><i class="fas fa-edit"></i></a>
                        </div>
                    </td>
                </tr>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                <tr>
                    <td colspan="9" style="text-align:center;padding:48px;color:var(--muted);">
                        <i class="fas fa-receipt" style="font-size:36px;margin-bottom:12px;display:block;opacity:.3;"></i>
                        No se encontraron pagos.
                    </td>
                </tr>
            <?php endif; ?>
            </tbody>
        </table>
    </div>
    <?php if($pagos->hasPages()): ?>
    <div style="padding:16px 22px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;">
        <span style="font-size:13px;color:var(--muted);">Mostrando <?php echo e($pagos->firstItem()); ?>–<?php echo e($pagos->lastItem()); ?> de <?php echo e($pagos->total()); ?></span>
        <?php echo e($pagos->links()); ?>

    </div>
    <?php endif; ?>
</div>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\CRMyERP\crm-colegio\resources\views/payments/index.blade.php ENDPATH**/ ?>