<?php
$mensaje = isset($_GET['mensaje']) ? $_GET['mensaje'] : ''; // Verifica si se recibió un mensaje por la URL y lo guarda; si no, lo deja como cadena vacía
?>
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8"> <!-- Define la codificación como UTF-8 para soportar caracteres especiales -->
    <title>CRUD de Empleados</title> <!-- Título de la pestaña del navegador -->
    <link rel="stylesheet" href="styles.css"> <!-- Enlaza la hoja de estilos externa -->
</head>
<body>

<div class="container"> <!-- Contenedor principal del contenido -->
    <a class="button-inicio" href="../admin.php" class="boton-admin">Inicio</a> <!-- Botón para volver a la vista de administrador -->
    <h2>Registrar nuevo empleado</h2> <!-- Encabezado del formulario -->

    <form action="create.php" method="POST" onsubmit="return validarFormularioEmpleado()"> <!-- Formulario para crear un nuevo empleado que se envía a create.php y se valida con JavaScript -->
        <input type="text" name="nombre" placeholder="Nombre" required> <!-- Campo para el nombre -->
        <input type="text" name="apellido" placeholder="Apellido" required> <!-- Campo para el apellido -->
        <input type="text" name="documento" placeholder="Documento de Identificación" required> <!-- Campo para documento -->
        <input type="text" name="telefono" placeholder="Teléfono"> <!-- Campo opcional para teléfono -->
        <input type="email" name="correo" placeholder="Correo electrónico"> <!-- Campo opcional para correo -->
        <input type="text" name="cargo" placeholder="Cargo" required> <!-- Campo obligatorio para cargo -->
        <input type="number" name="salario" placeholder="Salario en COP" required> <!-- Campo numérico para salario -->
        <input type="date" name="fecha_ingreso" required> <!-- Campo de fecha para fecha de ingreso -->
        <button type="submit">Registrar Empleado</button> <!-- Botón para enviar el formulario -->
    </form>

    <?php if ($mensaje): ?> <!-- Si existe un mensaje (por ejemplo, "Empleado registrado con éxito"), se muestra a continuación -->
        <div class="alert success"><?= htmlspecialchars($mensaje) ?></div> <!-- Se muestra el mensaje con escape de caracteres especiales para evitar XSS -->
    <?php endif; ?>

    <h2>Lista de Empleados</h2> <!-- Título de la tabla -->

    <table>
        <tr>
            <th>ID</th> <!-- Cabeceras de la tabla -->
            <th>Nombre</th>
            <th>Apellido</th>
            <th>Documento</th>
            <th>Teléfono</th>
            <th>Correo</th>
            <th>Cargo</th>
            <th>Salario</th>
            <th>Fecha de Ingreso</th>
            <th>Acciones</th> <!-- Columna para botones de editar/eliminar -->
        </tr>
        <?php include 'read.php'; ?> <!-- Aquí se carga dinámicamente la lista de empleados desde el archivo read.php -->
    </table>
</div>

<script src="script.js"></script> <!-- Carga el archivo JavaScript para la validación del formulario -->
</body>
</html>
