<?php session_start(); ?>
<!DOCTYPE html>
<html lang="es">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>TSGJ | Registro de Choferes</title>
  <link rel="icon" href="../../Modelo/Archivos_Media/Color_LogoTipo.png" type="image/png" />

  <!-- Bootstrap 5 -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" />
  <link rel="stylesheet" href="../../Modelo/Archivos_CSS/Style_table_Gestion.css" />
</head>

<body>

  <div class="container my-5">
    <a href="Adm_Gestion_Choferes.php" class="btn btn-outline-primary mb-3">
      <i class="bi bi-arrow-left"></i> Volver a gestión de choferes
    </a>

    <div class="card shadow">
      <div class="card-header bg-primary text-white text-center">
        <h4>Registrar Nuevo Chofer</h4>
      </div>

      <div class="card-body">
        <form action="../../Controlador/Ctrl_Administrador/MySQL_Agregar_Chofer.php"
              method="post" id="Registrar_Chofer" novalidate>

          <div class="row g-3">
            <div class="col-md-6">
              <label for="nombres" class="form-label">Nombres</label>
              <input type="text" class="form-control" id="nombres" name="nombres"
                     oninput="this.value = this.value.replace(/[^A-ZÁÉÍÓÚÑ ]/gi, '').toUpperCase();" />
            </div>

            <div class="col-md-6">
              <label for="apellidos" class="form-label">Apellidos</label>
              <input type="text" class="form-control" id="apellidos" name="apellidos"
                     oninput="this.value = this.value.replace(/[^A-ZÁÉÍÓÚÑ ]/gi, '').toUpperCase();" />
            </div>

            <div class="col-md-6">
              <label for="dni" class="form-label">DNI</label>
              <input type="text" class="form-control" id="dni" name="dni" maxlength="8"
                     oninput="this.value = this.value.replace(/[^0-9]/g, '');" />
            </div>

            <div class="col-md-6">
              <label for="categoria_licencia" class="form-label">Categoría de Licencia</label>
              <input type="text" class="form-control" id="categoria_licencia" name="categoria_licencia"
                     oninput="this.value = this.value.toUpperCase().replace(/[^A-Z0-9]/g, '');" />
            </div>

            <div class="col-md-6">
              <label for="telefono" class="form-label">Teléfono</label>
              <input type="text" class="form-control" id="telefono" name="telefono" maxlength="9"
                     oninput="this.value = this.value.replace(/[^0-9]/g, '');" />
            </div>

            <div class="col-12 text-center mt-4">
              <div class="d-flex justify-content-center gap-3 flex-wrap">
                <button type="submit" class="btn btn-success px-4">
                  <i class="bi bi-plus-circle"></i> Agregar Chofer
                </button>
                <button type="button" class="btn btn-outline-danger px-4" id="btn-reset">
                  <i class="bi bi-x-circle"></i> Borrar Datos
                </button>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>

  <!-- Scripts -->
  <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  <script src="../../Modelo/Archivos_JS/Validacion_Escribir.js"></script>
  <script src="../../Modelo/Archivos_JS/Validacion_Registrar_Chofer.js"></script>

  <?php if (isset($_SESSION['error_dni'])): ?>
    <script>
      Swal.fire({
        icon: 'error',
        title: 'Registro fallido',
        text: '<?= $_SESSION['error_dni'] ?>',
        confirmButtonText: 'Aceptar'
      });
    </script>
    <?php unset($_SESSION['error_dni']); ?>
  <?php endif; ?>
</body>
</html>
