EVOLUTION-MANAGER

Edit File: atractivos.js

$(document).ready(function () {
    cargar_atractivos();
});

function cargar_atractivos(){
    
    vista_cargando();

$.get(ruta_host+"/admin/inventario-atractivos/listado", function(response){
        vista_cargando();

if(response.status==200){

lista_atractivo = response.response;
            $("#tabla_atractivos").DataTable().destroy();
            $('#tabla_atractivos tbody').empty();

$.each(lista_atractivo, function (s, atractivo) {

$("#tabla_atractivos tbody").append(`
                    <tr>
                        <td>${s+1}</td>
                        <td>${atractivo.parroquia.nombre}</td>
                        <td>${atractivo.nombre}</td>
                        <td>
                            <div style="display: flex; justify-content: center; gap: 5px;">
                                <button class="btn btn-xs btn-primary" onclick="editar_atractivo('${atractivo.id_encrypt}')"><i class="fa fa-edit"></i></button>
                                <button class="btn btn-xs btn-danger" onclick="eliminar_atractivos('${atractivo.id_encrypt}')"><i class="fa fa-trash"></i></button>
                            </div>
                        </td>
                    </tr>
                `);

});

cargarDataTable("tabla_atractivos", false, 1, "desc");

}else{
            alerta(response.msg_text, response.msg_color);
        }
  
    }).fail(function(){
        vista_cargando();
        alerta("No se pudo realizar la solicitud", "error");
    });
}

$("#btn_nuevo_atractivo").click(function(e){
    cancelar_editado();
    $("#content_formulario").show();
    $("#content_nuevo_atractivo").hide();    
});

function editar_atractivo(id){

vista_cargando();
    cancelar_editado();
    setTimeout(() => {
        $("#content_formulario").show();
        $("#content_nuevo_atractivo").hide();
    }, 100);

$.get(ruta_host+"/admin/inventario-atractivos/editar/"+id, function(response){
        vista_cargando();

if(response.status==200){

atractivo = response.response;
            console.log(atractivo);

$("#atractivo_id_edit").val(atractivo.id_encrypt)

if(atractivo.ficha_tecnica){ 
                $("#content_verficha").show(); 
                $("#btn_verficha").attr("href", `https://drive.google.com/file/d/${atractivo.ficha_tecnica_cod}/view`);
            }else{ 
                $("#content_verficha").hide();
                $("#btn_verficha").attr("href", "#");
            }
            $("#parroquia").val(atractivo.parroquia.id);
            $("#nombre").val(atractivo.nombre);
            $("#direccion").val(atractivo.direccion);
            $("#correo").val(atractivo.correo);
            $("#telefono").val(atractivo.telefono);
            $("#celular").val(atractivo.celular);

$("#celular_what").prop("checked", false);
            if(atractivo.celular_what == 1){ $("#celular_what").prop("checked", true); }

$("#costo").val(atractivo.costo);
            $("#responsable").val(atractivo.responsable);
            $("#horario").val(atractivo.horario);
            $("#latitud").val(atractivo.latitud);
            $("#longitud").val(atractivo.longitud);

$("#url_web").val(atractivo.url_web);
            $("#url_fb").val(atractivo.url_fb);
            $("#url_in").val(atractivo.url_in);
            $("#url_x").val(atractivo.url_x);
            $("#url_yt").val(atractivo.url_yt);

$('html, body').animate({ scrollTop: 0 }, 'slow');

//cargamos los ofrece
            $("#card_ofrece").html("");
            $.each(atractivo.atractivo_ofrece, function (o, ofrece) { 
                $("#card_ofrece").append(`
                    <div class="body_ofrece">                                                
                        <span class="card_info">
                            <i class="${ofrece.icono}"></i> ${ofrece.nombre}
                        </span>
                        <span class="card_btn_del">
                            <button type="button" value="${ofrece.id_encrypt}" class="ofrece_bnt_delete btn btn-xs btn-outline-secondary"><i class="fas fa-times"></i></button>
                        </span>
                    </div>                    
                `);
            });

//cargamos las imagenes
            $("#content_files").html("");
            $.each(atractivo.atractivo_imagen, function (i, imagen) {
                var input_detalle = "";
                if(imagen.detalle){
                    input_detalle = `<input value="${imagen.detalle}" class="detalle form-control form-control-sm" type="text" placeholder="Detalle" disabled>`;
                }
                $("#content_files").append(`
                    <div class="card_files">
                        <div class="card_body">
                            <img class="carrousel_img" src="${route_public}/${imagen.ruta}" alt="">
                            <span class="name_files"></span>
                            <span class="items">
                                ${input_detalle}
                            </span>
                            <span class="buttons_files">
                                <button type="button" value="${imagen.id_encrypt}" data-name-delete="atractivo_imagen" class="btn_files_delete btn btn-xs btn-danger"><i class="fa fa-trash"></i> </button>
                            </span>
                        </div>
                    </div>
                `);
            });

}else{
            alerta(response.msg_text, response.msg_color);
        }
  
    }).fail(function(){
        vista_cargando();
        alerta("No se pudo realizar la solicitud", "error");
    });

}

function cancelar_editado(){

$("#parroquia").val("");
    $("#nombre").val("");
    $("#direccion").val("");
    $("#correo").val("");
    $("#telefono").val("");
    $("#celular").val("");

$("#celular_what").prop("checked", false);

$("#costo").val("");
    $("#responsable").val("");
    $("#horario").val("");
    $("#latitud").val("");
    $("#longitud").val("");

$("#url_web").val("");
    $("#url_fb").val("");
    $("#url_in").val("");
    $("#url_x").val("");
    $("#url_yt").val("");

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

$("#content_formulario").hide();
    $("#content_nuevo_atractivo").show();
    $("#content_files").html("");

$("#card_ofrece").html("");

$("#content_verficha").hide();
    $("#ficha_tecnica").val("");
    $("#ficha_tecnica").next(".custom-file-label").html("Seleccionen un documento");

}

$("#frm_guardar_atractivo").submit(function(e){

e.preventDefault();
    var formulario = this;

Swal.fire({
        title: `<strong>Atenci&oacute;n</strong>`,
        icon: 'info',
        html: '<span>¿Est&aacute; seguro que desea guardar los datos?</span>',
        showCloseButton: false,
        showCancelButton: true,
        focusConfirm: false,
        confirmButtonText:'<i class="fa fa-thumbs-up"></i> Continuar',
        cancelButtonText:'<i class="fa fa-thumbs-down"></i> Cancelar',
    }).then((result) => {

if (result.isConfirmed) {

$.ajaxSetup({headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}});
            var FrmData = new FormData(formulario);
            vista_cargando();
        
            $.ajax({
                url: ruta_host+"/admin/inventario-atractivos/guardar",
                method: 'POST',
                data: FrmData,
                dataType: 'json',
                contentType:false,
                cache:false,
                processData:false,
                success: function(response){
                
                    vista_cargando();
                    alerta(response.msg_text, response.msg_color);
                    
                    if(response.status==200){
                        cancelar_editado();
                        cargar_atractivos();
                    }
                
                },
                error: function(error){                        
                    vista_cargando();                       
                    alerta("No se pudo realizar la operación", "error");  
                }
            });

}
      
    });

});

function eliminar_atractivos(id){

Swal.fire({
        title: `<strong>Atenci&oacute;n</strong>`,
        icon: 'info',
        html: '<span>¿Est&aacute; seguro que desea eliminar el elemento?</span>',
        showCloseButton: false,
        showCancelButton: true,
        focusConfirm: false,
        confirmButtonColor: "#d33",
        confirmButtonText:'<i class="fa fa-thumbs-up"></i> Continuar',
        cancelButtonText:'<i class="fa fa-thumbs-down"></i> Cancelar',
    }).then((result) => {

if (result.isConfirmed) {
       
            $.ajaxSetup({headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}});
            vista_cargando();

$.ajax({
                url: ruta_host+"/admin/inventario-atractivos/eliminar/"+id,
                method: 'DELETE',
                dataType: 'json',
                success: function(response) 
                {

vista_cargando();
                    alerta(response.msg_text, response.msg_color);
                    
                    if(response.status==200){
                        cargar_atractivos();
                    }

}, error:function (requestData) {
                    vista_cargando();
                    alerta("No se pudo realizar la solicitud", "error");
                }
            });
            
        }

});
}