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

<div class="container mt-4">
    <h2>Mapear biométrico con estudiantes</h2>

    <p><strong>Reloj:</strong> <?= htmlspecialchars($reloj['nombre'] ?? '') ?></p>

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

    <form method="post">
        <input type="hidden" name="reloj_id" value="<?= (int)$reloj['id'] ?>">

        <table border="1" cellpadding="8" cellspacing="0" width="100%">
            <thead>
                <tr>
                    <th>Device User ID</th>
                    <th>Nombre reloj</th>
                    <th>Estudiante</th>
                    <th>Activo</th>
                </tr>
            </thead>
            <tbody>
                <?php if (!empty($nomina)): ?>
                    <?php foreach ($nomina as $fila): ?>
                        <?php
                        $deviceUserId = $fila['device_user_id'];
                        $selected = $mapeos[$deviceUserId]['estudiante_id'] ?? '';
                        $activo = $mapeos[$deviceUserId]['activo'] ?? 1;
                        ?>
                        <tr>
                            <td>
                                <?= htmlspecialchars($deviceUserId) ?>
                                <input type="hidden" name="device_user_id[]" value="<?= htmlspecialchars($deviceUserId) ?>">
                            </td>
                            <td><?= htmlspecialchars($fila['nombre'] ?? '') ?></td>
                            <td>
                                <select name="estudiante_id[]">
                                    <option value="">-- Seleccionar --</option>
                                    <?php foreach ($estudiantes as $est): ?>
                                        <option value="<?= (int)$est['id'] ?>" <?= ((string)$selected === (string)$est['id']) ? 'selected' : '' ?>>
                                            <?= htmlspecialchars($est['id'] . ' - ' . $est['apellido'] . ', ' . $est['nombre']) ?>
                                        </option>
                                    <?php endforeach; ?>
                                </select>
                            </td>
                            <td>
                                <select name="activo[]">
                                    <option value="1" <?= ((string)$activo === '1') ? 'selected' : '' ?>>Sí</option>
                                    <option value="0" <?= ((string)$activo === '0') ? 'selected' : '' ?>>No</option>
                                </select>
                            </td>
                        </tr>
                    <?php endforeach; ?>
                <?php else: ?>
                    <tr>
                        <td colspan="4">No hay nómina sincronizada para este reloj.</td>
                    </tr>
                <?php endif; ?>
            </tbody>
        </table>

        <p style="margin-top:15px;">
            <button type="submit">Guardar mapeos</button>
            <a href="relojes.php">Volver</a>
        </p>
    </form>
</div>

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