<?php
/**
 * @var \App\View\AppView $this
 * @var iterable<\App\Model\Entity\AvanceProyecto> $avancesProyectos
 */
?>

<div class="container-fluid py-4">
    <?php
        $queryParams = array_filter([
            'fecha_inicio' => $fechaInicio ?? null,
            'fecha_fin' => $fechaFin ?? null,
        ], static fn($value) => $value !== null && $value !== '');
    ?>
    <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
        <h3 class="mb-0">
            <i class="fas fa-chart-bar"></i> Reporte de Avances de Proyecto
        </h3>

        <div class="d-flex gap-2">
            <?= $this->Html->link('Exportar PDF', ['action' => 'exportarPdf', '?' => $queryParams], ['class' => 'btn btn-danger', 'target' => '_blank']) ?>
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-body">
            <form method="get" class="row g-3">
                <div class="col-md-4">
                    <label class="form-label">Fecha inicio</label>
                    <input type="date" name="fecha_inicio" value="<?= h($fechaInicio ?? '') ?>" class="form-control">
                </div>
                <div class="col-md-4">
                    <label class="form-label">Fecha fin</label>
                    <input type="date" name="fecha_fin" value="<?= h($fechaFin ?? '') ?>" class="form-control">
                </div>
                <div class="col-md-4 d-flex align-items-end">
                    <button class="btn btn-info w-100">
                        <i class="fas fa-search"></i> Filtrar
                    </button>
                </div>
            </form>
        </div>
    </div>

    <div class="row mb-4">
        <div class="col-md-4">
            <div class="card border-info">
                <div class="card-body text-center">
                    <h6>Total registros</h6>
                    <h4><?= (int)($totalAvances ?? count($avancesProyectos)) ?></h4>
                </div>
            </div>
        </div>
    </div>

    <div class="table-responsive card">
        <table class="table table-striped mb-0 align-middle">
            <thead class="bg-info text-white">
                <tr>
                    <th>Cliente</th>
                    <th>Seguimiento</th>
                    <th>Fecha avance</th>
                    <th>Próximo hito</th>
                </tr>
            </thead>
            <tbody>
                <?php foreach ($avancesProyectos as $avance): ?>
                    <?php $cliente = $avance->seguimientos_proyecto->clientes_facturacion ?? null; ?>
                    <tr>
                        <td><?= $cliente ? h($cliente->nombre_razon_social) : '-' ?></td>
                        <td><?= $avance->seguimientos_proyecto ? h($avance->seguimientos_proyecto->titulo) : '-' ?></td>
                        <td><?= h($avance->fecha_avance) ?></td>
                        <td><?= h($avance->proximo_hito) ?: '-' ?></td>
                    </tr>
                <?php endforeach; ?>
            </tbody>
        </table>
    </div>
</div>
