text: import Utility from '/scripts/Utility.js';
  
  function confirmacerrar(){
       var resp = confirm("¿Deseas cerrar sesión?");
  
       if(resp == true){
            fetch('http://localhost/api/session/', {
                 method: 'DELETE'
            })
  
       }else if (resp == false){
            return false;
       }
  }
  
  $(document).ready(function(){
       fetch('http://localhost/api/session/', {
                 method: 'GET'
            }).then((response)=>{
                 if(response.ok){
                      return response.json();
                 }
            }).then((data)=>{
                 console.log(data);
                 $("#nom_usu_pag").append(data.username);
                 $("#nom_usuario").append(data.username);
                 if(data.role == 'User'){
                      $("#rol_usuario").append('<span class="text-center">Usuario Alumno</span>');
                 }
                 if(data.role == 'Instructor'){
                      $("#rol_usuario").append('<span class="text-center">Usuario Instructor</span>');
                 }
                 $("#img_perfil_usuario").attr('src', data.avatar);
                 $(".image-user-inicio").attr('src', data.avatar);
                 // document.getElementById("cierra_sesion").onclick = confirmacerrar;
                 $("#cierra_sesion").on("click", function(){
                      Swal.fire({
                           icon: 'question',
                           title: '<h2 style="color: white;">¿Deseas cerrar sesión?</h2>',
                           showCancelButton: true,
                           cancelButtonText: '<span style="color: #c4c4c4; margin-bottom: 0; font-weight: bolder;">Cancelar</span>',
                           confirmButtonText: '<span style="color: #333333; margin-bottom: 0;">Cerrar sesión</span>',
                           confirmButtonColor: '#48e5c2',
                           cancelButtonColor: 'red',
                           background: '#333333'
                      }).then((result)=>{
                           if (result.isConfirmed){
                                fetch('http://localhost/api/session/', {
                                method: 'DELETE'
                                }).then((response)=>{
                                     if(response.ok){
                                          return response.json(window.location.replace("Inicio.html"));
                                     }
                                })
                           }
                      })
                 })
            })
  
  
        fetch('http://localhost/api/categories/', {
                 method: 'GET'
            }).then((response)=>{
                 if(response.ok){
                      return response.json();
                 }
            }).then((data)=>{
                 console.log(data);
                 var nav_categories = $("#categorias-colapsables");
                 var drop_categories = $("#dropdown_categorias");
                 var len = data.length - 5;
  
  
                 //Carga categoria de 1 a 5 en barra de categorias
                 for(var i = 0; i < 5; i++){
                     nav_categories.append('<div class="col-6 col-lg-2 ml-4"><a href="search-results.html?query=&category='+ data[i].id + '" class="link-barra-categoria">' + data[i].name + '</a></div>')
                 }
  
                 //Carga categorias de la 6 en adelante en dropdown en bara 
                 for(var i=5; i < len; i++ ){
                    drop_categories.append('<a class="dropdown-item" href="search-results.html?query=&category='+ data[i].id + '">' + data[i].name + '</a>')
                 }
            })
  
       document.getElementById("form_busqueda").addEventListener('submit', (result) => {
            result.preventDefault();
            
            var busca_input = $("#container_buscar").val();
  
            const form = result.target;
            const info = Utility.formDataToObject(new FormData(form));
  
            if(busca_input == ''){
                 Swal.fire({
                      icon: 'warning',
                      title: '<h2 style="color: white;">Ingresa algo en la barra de búsqueda</h2>',
                      confirmButtonText: '<span style="color: #333333; margin-bottom: 0;">De acuerdo</span>',
                      confirmButtonColor: '#48e5c2',
                      background: '#333333'
                 })
            }else{
                 var url_buscar = new URL(`http://localhost/FrontEnd/search-results.html?query`);
  
                 window.location.href = `${url_buscar}=${busca_input}`;
  
            }
  
       });
  
  });
  
  