<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
    <div class="modal-content shadow-lg border-0 rounded-3">
      <form action="../controller/updateconductor.php" method="POST" class="needs-validation" novalidate>
        <div class="modal-header bg-primary text-white d-flex justify-content-between align-items-center">
          <h5 class="modal-title mb-0" id="editModalLabel">Actualizar Conductor</h5>
          <button type="button" class="close text-white" data-dismiss="modal" aria-label="Cerrar">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>

        <div class="modal-body">
          <input type="hidden" id="edit_id" name="id">

          <div class="row g-3">
            <div class="col-md-6">
              <label for="edit_nro_document" class="form-label fw-bold">Nro. Documento</label>
              <input type="text" id="edit_nro_document" name="nro_document" class="form-control" required>
            </div>

            <div class="col-md-6">
              <label for="edit_fullname" class="form-label fw-bold">Nombre Completo</label>
              <input type="text" id="edit_fullname" name="fullname" class="form-control" required>
            </div>

            <div class="col-md-6">
              <label for="edit_nro_licencia" class="form-label fw-bold">N.º Licencia</label>
              <input type="text" id="edit_nro_licencia" name="nro_licencia" class="form-control">
            </div>

            <div class="col-md-6">
              <label for="edit_categoria_licencia" class="form-label fw-bold">Categoría Licencia</label>
              <input type="text" id="edit_categoria_licencia" name="categoria_licencia" class="form-control">
            </div>

            <div class="col-md-6">
              <label for="edit_fecha_vto_licencia" class="form-label fw-bold">Vencimiento Licencia</label>
              <input type="date" id="edit_fecha_vto_licencia" name="fecha_vto_licencia" class="form-control">
            </div>

            <div class="col-md-6">
              <label for="edit_direccion" class="form-label fw-bold">Dirección</label>
              <input type="text" id="edit_direccion" name="direccion" class="form-control">
            </div>

            <div class="col-md-6">
              <label for="edit_nro_celular" class="form-label fw-bold">Celular</label>
              <input type="text" id="edit_nro_celular" name="nro_celular" class="form-control">
            </div>

            <div class="col-md-6">
              <label for="edit_nro_contacto_emergencia" class="form-label fw-bold">Teléfono Emergencia</label>
              <input type="text" id="edit_nro_contacto_emergencia" name="nro_contacto_emergencia" class="form-control">
            </div>
          </div>
        </div>

        <div class="modal-footer d-flex justify-content-between">
          <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cerrar</button>
          <button type="submit" class="btn btn-primary">Actualizar</button>
        </div>
      </form>
    </div>
  </div>
</div>

<style>
  /* Responsive modal improvements */
  @media (max-width: 576px) {
    .modal-dialog {
      margin: 0.5rem;
      width: auto;
    }
    .modal-content {
      border-radius: 0.75rem;
    }
  }
</style>
