<!-- Modal para Editar Usuario -->
<div class="modal fade" id="modalEditarUsuario" tabindex="-1" role="dialog" aria-labelledby="editarUsuarioLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content border-0 shadow-lg">
      <div class="modal-header bg-primary text-white">
        <h5 class="modal-title" id="editarUsuarioLabel"><i class="fa fa-pencil"></i> Editar Usuario</h5>
        <button type="button" class="close text-white" data-dismiss="modal" aria-label="Cerrar">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>

      <form method="POST" action="../controller/actualizar_usuario.php?id=" id="formEditarUsuario">
        <div class="modal-body">
          <div class="row">
            <!-- Documento -->
            <div class="form-group col-md-4">
              <label for="nro_document" class="font-weight-bold">Nro. Documento</label>
              <input type="text" class="form-control" name="nro_document" id="edit_nro_document" required>
            </div>

            <!-- Nombre completo -->
            <div class="form-group col-md-8">
              <label for="fullname" class="font-weight-bold">Nombre Completo</label>
              <input type="text" class="form-control" name="fullname" id="edit_fullname" required>
            </div>

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

            <!-- Contacto -->
            <div class="form-group col-md-6">
              <label for="nro_contacto" class="font-weight-bold">Nro. Contacto</label>
              <input type="text" class="form-control" name="nro_contacto" id="edit_nro_contacto">
            </div>

            <!-- Fecha nacimiento -->
            <div class="form-group col-md-6">
              <label for="fecha_nacimiento" class="font-weight-bold">Fecha de Nacimiento</label>
              <input type="date" class="form-control" name="fecha_nacimiento" id="edit_fecha_nacimiento">
            </div>

            <!-- Fecha ingreso -->
            <div class="form-group col-md-6">
              <label for="fecha_ingreso" class="font-weight-bold">Fecha de Ingreso</label>
              <input type="date" class="form-control" name="fecha_ingreso" id="edit_fecha_ingreso">
            </div>

            <!-- Rol -->
            <div class="form-group col-md-6">
              <label for="rol" class="font-weight-bold">Rol</label>
              <select class="form-control" name="rol" id="edit_rol" required>
                <option value="">Seleccione...</option>
                                                <option value="Gerente">Gerente</option>
                                <option value="Seguridad de la Empresa<">Seguridad de la Empresa</option>
                                <option value="Conductor">Conductor</option>
                                <option value="Mecanico">Mecanico</option>
                                <option value="Sistemas">Sistemas</option>
              </select>
            </div>
          </div>
        </div>

        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">
            <i class="fa fa-times"></i> Cancelar
          </button>
          <button type="submit" name="editar" class="btn btn-primary">
            <i class="fa fa-save"></i> Guardar Cambios
          </button>
        </div>
      </form>
    </div>
  </div>
</div>
