<?php require __DIR__ . '/../header.php'; ?>

<div class="container mt-4">
    <h2>Relojes biométricos</h2>

    <?php if (!empty($mensaje)): ?>
        <div style="padding:10px; background:#e6ffed; border:1px solid #b7ebc6; margin-bottom:15px;">
            <?= htmlspecialchars($mensaje) ?>
        </div>
    <?php endif; ?>

    <table border="1" cellpadding="8" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>ID</th>
                <th>Nombre</th>
                <th>IP</th>
                <th>Puerto</th>
                <th>Marca</th>
                <th>Modelo</th>
                <th>Firmware</th>
                <th>Último ping</th>
                <th>Activo</th>
                <th>Acciones</th>
            </tr>
        </thead>
        <tbody>
            <?php if (!empty($relojes)): ?>
                <?php foreach ($relojes as $r): ?>
                    <tr>
                        <td><?= (int)$r['id'] ?></td>
                        <td><?= htmlspecialchars($r['nombre']) ?></td>
                        <td><?= htmlspecialchars($r['ip']) ?></td>
                        <td><?= htmlspecialchars($r['puerto']) ?></td>
                        <td><?= htmlspecialchars($r['marca'] ?? '') ?></td>
                        <td><?= htmlspecialchars($r['modelo'] ?? '') ?></td>
                        <td><?= htmlspecialchars($r['firmware_version'] ?? '') ?></td>
                        <td><?= htmlspecialchars($r['ultimo_ping'] ?? '') ?></td>
                        <td><?= !empty($r['activo']) ? 'Sí' : 'No' ?></td>
                        <td>
                            <a href="detectar_reloj.php?reloj_id=<?= (int)$r['id'] ?>">Detectar</a> |
                            <a href="sincronizar_nomina.php?reloj_id=<?= (int)$r['id'] ?>">Sincronizar nómina</a> |
                            <a href="mapear_biometrico.php?reloj_id=<?= (int)$r['id'] ?>">Mapear alumnos</a>
                        </td>
                    </tr>
                <?php endforeach; ?>
            <?php else: ?>
                <tr>
                    <td colspan="10">No hay relojes cargados.</td>
                </tr>
            <?php endif; ?>
        </tbody>
    </table>
</div>

<?php require __DIR__ . '/../footer.php'; ?>