<div class="card p-3 mb-4">
    <form method="GET">
        <div class="row g-2 align-items-end">
            <!-- 🔹 Fecha Inicio -->
            <div class="col-md-auto">
                <label class="fw-bold">Desde</label>
                <input type="date" name="fechaInicio" class="form-control form-control-sm" value="<?= $_GET['fechaInicio'] ?? '' ?>">
            </div>

            <!-- 🔹 Fecha Fin -->
            <div class="col-md-auto">
                <label class="fw-bold">Hasta</label>
                <input type="date" name="fechaFin" class="form-control form-control-sm" value="<?= $_GET['fechaFin'] ?? '' ?>">
            </div>

            <!-- 🔹 Nombre -->
            <div class="col-md-auto">
                <label class="fw-bold">Nombre</label>
                <input type="text" name="nombre" class="form-control form-control-sm" placeholder="Ej: Juan Pérez" value="<?= $_GET['nombre'] ?? '' ?>">
            </div>

            <!-- 🔹 Tipo de Evento -->
            <div class="col-md-auto">
                <label class="fw-bold">Tipo de Evento</label>
                <select name="tipo_evento" class="form-control form-control-sm">
                    <option value="">Todos</option>
                    <option value="Accidente" <?= ($_GET['tipo_evento'] ?? '') == 'Accidente' ? 'selected' : '' ?>>Accidente</option>
                    <option value="Enfermedad Común" <?= ($_GET['tipo_evento'] ?? '') == 'Enfermedad Común' ? 'selected' : '' ?>>Enfermedad Común</option>
                    <option value="Incidente" <?= ($_GET['tipo_evento'] ?? '') == 'Incidente' ? 'selected' : '' ?>>Incidente</option>
                
                    <option value="Incidente Peligroso" <?= ($_GET['tipo_evento'] ?? '') == 'Incidente Peligroso' ? 'selected' : '' ?>>Incidente Peligroso</option>
                    <option value="Contractura Muscular" <?= ($_GET['tipo_evento'] ?? '') == 'Contractura Muscular' ? 'selected' : '' ?>>Contractura Muscular</option>
                    <option value="Curacion" <?= ($_GET['tipo_evento'] ?? '') == 'Curacion' ? 'selected' : '' ?>>Curacion</option>
                    <option value="Otro" <?= ($_GET['tipo_evento'] ?? '') == 'Otro' ? 'selected' : '' ?>>Otro</option>
                
                
                </select>
            </div>

            <!-- 🔹 Empresa -->
            <div class="col-md-auto">
                <label class="fw-bold">Empresa</label>
                <input type="text" name="empresa" class="form-control form-control-sm" placeholder="Ej: ABC S.A." value="<?= $_GET['empresa'] ?? '' ?>">
            </div>

            <!-- 🔹 Botones -->
            <div class="col-md-auto d-flex align-items-end gap-2">
                <button type="submit" class="btn btn-primary btn-sm"><i class="bi bi-search"></i> Filtrar</button>
                <a href="index.php" class="btn btn-secondary btn-sm"><i class="bi bi-x-circle"></i> Limpiar</a>
            </div>
            
            <!-- 📊 BOTONES DE EXPORTACIÓN -->
   <div class="col-md-auto">
        <button onclick="imprimirTabla()" class="btn btn-dark"><i class="bi bi-printer"></i> Imprimir</button>
<a href="exportar_excel.php" class="btn btn-success"><i class="bi bi-file-earmark-excel"></i> Exportar a Excel</a>

    </div>
  
        </div>
    </form>
</div>

<script>
function imprimirTabla() {
    let table = $('#tablaAtencion').DataTable();

    // Guardar configuraci�n actual de la tabla
    let oldStart = table.page.info().start;

    // Mostrar todas las filas temporalmente
    table.page.len(-1).draw();

    setTimeout(() => {
        window.print();

        // Restaurar la paginaci�n original
        table.page.len(10).draw();
        table.page(oldStart / 10).draw();
    }, 500);
}
</script>
