/** U=SUBIENDO LA FOTO DEL USUARIO */

$(".nuevaFoto").change(function(){

    var imagen = this.files[0];
    
    /** VALIDAMOS EL FORMATO DE LA IMAGEN SEA JPG O PNG */
    if(imagen["type"] != "image/jpeg" && imagen["type"] != "image/png"){

        $(".nuevaFoto").val("");

        swal({

            type: "error",
            title: "!Error al subir la imagen",
            text: "!la imagen debe estar en formato JPG o PNG",
            showConfirmButton: true,
            confirmButtonText: "Cerrar"

            

        });
        
    }else if(imagen["size"] > 2000000){
        $(".nuevaFoto").val("");

        swal({

            type: "error",
            title: "!Error al subir la imagen",
            text: "!la imagen no debe pesar mas de 2MB!",
            showConfirmButton: true,
            confirmButtonText: "Cerrar"

        });
    }else {

        var datosImagen = new FileReader;
        datosImagen.readAsDataURL(imagen);

        $(datosImagen).on("load", function(event){
            var rutaImagen = event.target.result;

            $(".previsualizar").attr("src", rutaImagen);
        })
    }
})


/*=============================================
EDITAR USUARIO
=============================================*/
$(document).on("click", ".btnEditarUsuario", function(){

	var idUsuario = $(this).attr("idUsuario");
	
	var datos = new FormData();
	datos.append("idUsuario", idUsuario);

	$.ajax({

		url:"ajax/usuarios.ajax.php",
		method: "POST",
		data: datos,
		cache: false,
		contentType: false,
		processData: false,
		dataType: "json",
		success: function(respuesta){
			
			
			$("#editarUsuario").val(respuesta["usuario"]);
			$("#usuario_id").val(respuesta["id_usuario"]);
			$("#fotoActual").val(respuesta["foto"]);
			$("#passwordActual").val(respuesta["password"]);
			if(respuesta["foto"] != ""){

				$(".previsualizar").attr("src", respuesta["foto"]);

			}

			var datosEmpleado = new FormData();
			datosEmpleado.append("idTrabajador", respuesta["id_empleado"]);

			$.ajax({

				url:"ajax/trabajador.ajax.php",
				method: "POST",
				data: datosEmpleado,
				cache: false,
				contentType: false,
				processData: false,
				dataType: "json",
				success: function(respuesta){

					$("#editarNombre").val(respuesta["id_empleado"]);

					$("#editarNombre").html(respuesta["nombre"]);

				}
            })

				var datos1 = new FormData();
				datos1.append("idRol1",respuesta["id_usuario"]);


				$.ajax({

					url:"ajax/rol.ajax.php",
					method: "POST",
					data: datos1,
					cache: false,
					contentType: false,
					processData: false,
					dataType: "json",
					success: function(respuesta){
						
										// 1. Seteamos el valor en el select (el ID del rol)
					$("#selectorEditarPerfil").val(respuesta["rol_id"]).trigger('change'); 

					// 2. Si usas una opción "fantasma" para mostrar el nombre actual arriba:
					$("#optionPerfilActual").val(respuesta["rol_id"]);
					$("#optionPerfilActual").html(respuesta["nombre"]);

					console.log(respuesta["id_area"]);
					// 3. Cargar el área (asegúrate que tu ajax/rol.ajax.php devuelva id_area)
					if(respuesta["id_area"] != null && respuesta["id_area"] != ""){
						$("#editarArea").val(respuesta["id_area"]).trigger('change');
					}

					console.log(respuesta["id_area"]);

					// 4. Ejecutar la lógica de visibilidad
					verificarRolMedico("#selectorEditarPerfil", "#grupoEditarArea", "#editarArea");
						
						
						
					}

				});

		}

	});


	

})

/*=============================================
ACTIVAR USUARIO
=============================================*/
$(document).on("click", ".btnActivar1", function(){

	var idUsuario = $(this).attr("idUsuario");
	var estadoUsuario = $(this).attr("estadoUsuario");

	var datos = new FormData();
 	datos.append("activarId", idUsuario);
  	datos.append("activarUsuario", estadoUsuario);

  	$.ajax({

	  url:"ajax/usuarios.ajax.php",
	  method: "POST",
	  data: datos,
	  cache: false,
      contentType: false,
      processData: false,
      success: function(respuesta){

      	if(window.matchMedia("(max-width:767px)").matches){
		
      		 swal({
		      	title: "El usuario ha sido actualizado",
		      	type: "success",
		      	confirmButtonText: "¡Cerrar!"
		    	}).then(function(result) {
		        
		        	if (result.value) {

		        	window.location = "usuarios";

		        }

		      });


		}
      }

  	})

  	if(estadoUsuario == 'inactivo'){

  		$(this).removeClass('btn-success');
  		$(this).addClass('btn-danger');
  		$(this).html('Desactivado');
  		$(this).attr('estadoUsuario','activo');

  	}else{

  		$(this).addClass('btn-success');
  		$(this).removeClass('btn-danger');
  		$(this).html('Activado');
  		$(this).attr('estadoUsuario','inactivo');

  	}

})

/*=============================================
REVISAR SI EL USUARIO YA ESTÁ REGISTRADO
=============================================*/

$("#nuevoUsuario").change(function(){

	$(".alert").remove();

	var usuario = $(this).val();

	var datos = new FormData();
	datos.append("validarUsuario", usuario);

	 $.ajax({
	    url:"ajax/usuarios.ajax.php",
	    method:"POST",
	    data: datos,
	    cache: false,
	    contentType: false,
	    processData: false,
	    dataType: "json",
	    success:function(respuesta){
	    	
	    	if(respuesta){

	    		$("#nuevoUsuario").parent().after('<div class="alert alert-warning">Este usuario ya existe en la base de datos</div>');

	    		$("#nuevoUsuario").val("");

	    	}

	    }

	})
})
/*=============================================
ELIMINAR USUARIO
=============================================*/
$(document).on("click", ".btnEliminarUsuario", function(){

	var idUsuario = $(this).attr("idUsuario");
	var fotoUsuario = $(this).attr("fotoUsuario");
	var usuario = $(this).attr("usuario");
  
	swal({
	  title: '¿Está seguro de borrar el usuario?',
	  text: "¡Si no lo está puede cancelar la accíón!",
	  type: 'warning',
	  showCancelButton: true,
	  confirmButtonColor: '#3085d6',
		cancelButtonColor: '#d33',
		cancelButtonText: 'Cancelar',
		confirmButtonText: 'Si, borrar usuario!'
	}).then(function(result){
  
	  if(result.value){
  
		window.location = "index.php?ruta=usuarios&idUsuario="+idUsuario+"&usuario="+usuario+"&fotoUsuario="+fotoUsuario;
  
	  }
  
	})
  
  })

  $(document).on("click", ".presionar", function(){

	var body = document.getElementById("cuerpo")

	if( body.className === "sidebar-mini") {

		body.className = "sidebar-collapse";

	}else {
		
		body.className = "sidebar-mini";
	}
	


  })


  $("#nuevoPerfil").change(function(){

    // Obtenemos el texto del cargo seleccionado
    var perfil = $(this).find('option:selected').text().toLowerCase();

    // Verificamos si la palabra "medico" está presente
    if(perfil.includes("medico") || perfil.includes("médico")){

        $("#grupoArea").show();
        $("#nuevaArea").prop("required", true);

    } else {

        $("#grupoArea").hide();
        $("#nuevaArea").prop("required", false);
        $("#nuevaArea").val(""); // Limpiamos la selección
    }

});


function verificarRolMedico(selectorPerfil, selectorGrupoArea, selectorInputArea) {
    // Obtenemos el texto de la opción seleccionada
    var perfil = $(selectorPerfil).find('option:selected').text().toLowerCase();
    
    console.log("Perfil seleccionado:", perfil); // Para depuración

    if (perfil.includes("medico") || perfil.includes("médico")) {
        $(selectorGrupoArea).show();
        $(selectorInputArea).prop("required", true);
    } else {
        $(selectorGrupoArea).hide();
        $(selectorInputArea).prop("required", false);
        $(selectorInputArea).val(""); 
    }
}

// Evento change manual para cuando el usuario cambie el rol en el modal
$(document).on("change", "#selectorEditarPerfil", function(){
    verificarRolMedico("#selectorEditarPerfil", "#grupoEditarArea", "#editarArea");
});