const url = window.location.href;

document.addEventListener("DOMContentLoaded", function () {
    /**
     * Pag. Inicio de sesión
     */
    if ($('#submit-signin-local').length > 0) formLogin();
    /**
     * Pag. Registro
     */
    if ($('#Register').length > 0) formRegister();
    /**
     * Pag. Perfil
     */
    if (url.includes('/profile')) formProfile();
    /**
     * Pag. Recordar contraseña
     */
    if (url.includes('/ForgotPassword')) forgotPassword();
    /**
     * Validación en forms
     */
    formsScripts();
    /**
     * Accesibilidad
     */
    accesibilidad();

});

$(document).ready(function () {
        let  fieldAddress = $('#crf6b_direccion').parents('tr');
        let fieldCountry = $('#crf6b_paisnotificacion').parents('tr');
        let fieldDepartament = $('#crf6b_departamentonotificacion_name').parents('tr');
        let fielMunicipio = $('#crf6b_municipionotificacion_name').parents('tr');
        let fieldConsulado = $('#crf6b_ciudadconsuladonotificacion_name').parents('tr');
        let checkboxNotifiOptionAddress = $('#notifiOptionAddress');
        let checkboxCorreo = $('#notifiOptionEmail');
        let fieldCorreo = $('#crf6b_correoelectronico').parents('tr');

    $('#notifiOptionAddress').change(function () {
        if (!$(this).is(':checked')) {  
            fieldCountry.hide();
            fieldDepartament.hide();
            fielMunicipio.hide();
            fieldConsulado.hide();
            $('#crf6b_paisnotificacion_name').val('');
        }
    });

    $('#crf6b_usteddeseasernotificadoeneltramite').change(function () {
        var selectedValue = $(this).val();
        if (selectedValue === '2') {
            // Si el valor seleccionado es 'No', ocultar los campos
            fieldCountry.hide();
            fieldDepartament.hide();
            fielMunicipio.hide();
            fieldConsulado.hide();
            fieldAddress.hide();
            fieldCorreo.hide();
            checkboxNotifiOptionAddress.prop('checked', false);
            checkboxCorreo.prop('checked', false);
        } 
    });
});

const validateTextarea = () =>{
    let arrayElemt = [];
    arrayElemt.elements = []
    $('textarea').each(function(i,x){
        if($(x).val().length < 50){
            arrayElemt.elements.push("#"+$(x).attr('id'))
            arrayElemt.validate = false
        }
    })
    arrayElemt.validate != undefined ? arrayElemt.validate : arrayElemt.validate = true;
    return arrayElemt
}

function formLogin() {
    //Agregar clase a body para identificar el formulario de login
    $('body').addClass('login-page');
    $('.login-link').parent().addClass('active');
    $('form').before('<h2>Ingresar usuario</h2>');
    $('form .form-group:nth-child(3)').before('<p>Los campos marcados con * son obligatorios.</p>');
    $('form').after('<a href="/Consulta/ninos-ninas-y-adolescentes" id="btnNinosAdolescentes" class="btn btn-primary d-block">NIÑOS, NIÑAS Y ADOLESCENTES</a>');
    $('form').after('<a href="#" id="btnAnonimos" class="btn btn-success d-block">INGRESO COMO ANÓNIMO</a>');
    $('form').after('<a href="/" id="btnSinRegistro" class="btn btn-primary d-block mb-5">CONTINUAR SIN REGISTRO</a>');
    $('form').after('<hr />');
    $('form').after('<div class="d-block mt-4 text-center""> <form action="/Account/Login/ExternalLogin?ReturnUrl=%2F" method="post"><input name="__RequestVerificationToken" type="hidden" value="_Z-ahiTQpnJNtjh2acpaMWOIr5rnd53q8Vun2o5nTsk7ENI2DS4-i7FsJf2kxI7XSX9ry8Qw_aHVxrmFt9gqwQYVn50iLgfKH6aOyO2mrh41"> <div class="form-horizontal"><h1 class="login-heading-section" id="external-login-heading"><span class="xrm-editable-text xrm-attribute" data-languagecontext="español"><span class="xrm-attribute-value-encoded xrm-attribute-value">Inicio de sesión externo</span></span></h1><button name="provider" type="submit" class="btn btn-primary btn-line" id="https://login.windows.net/fcb47a6d-46c6-4bf3-b119-d927900ffc19/" title="Inicie sesión con su cuenta de Azure AD." value="https://login.windows.net/fcb47a6d-46c6-4bf3-b119-d927900ffc19/">Ingreso funcionarios</button></div>');
    bannerHeader('Ingreso');

    $('#btnAnonimos').on('click',function(){
        modalLogin()
    })
    
}

const modalLogin = () =>{
    Swal.fire({
        title: 'Usuario anónimo',
        html: `<p>Un usuario anónimo es un usuario que navega por la sede electrónica sin estar autenticado. Puede únicamente realizar los trámites configurados para ello, no puede acceder a la carpeta privada, solo puede consultar por el número de radicado, no guarda ninguna traza de dirección IP y la Procuraduría General de la Nación garantiza su anonimato.</p>`,
        icon: 'success',
        showCancelButton: false,
        confirmButtonText: 'Iniciar',
        showDenyButton: false,
        customClass: {
          confirmButton: 'btn btn-primary',
        }
      }).then((result) => {
        if (result.isConfirmed) {
          //Página de encuesta
          window.open('https://sedeelectronica.procuraduria.gov.co/');
        }
      })
}
function formRegister() {
    $('body').addClass('register-page');
    $('.register-link').parent().addClass('active');
    $('.form-horizontal > h1').before('<h2>Registrarse para una nueva cuenta</h2>');
    $('.form-horizontal > h1').before('<p>Los campos marcados con * son obligatorios.</p>');
    $('#SubmitButton').parents('.form-group').before('<div class="checkbox"><label><input type="checkbox" id="checkboxInput">Al enviar este formulario confirmas que estás de acuerdo con la <a href="#">Política de Tratamiento de Datos</a> de la PGN.</label></div>');
    $('#ctl00_ctl00_ContentContainer_MainContent_MainContent_captcha_CaptchaTextBox').addClass('form-control');
    bannerHeader('Registro');

    setTimeout(() => {
        $('#ctl00_ctl00_ContentContainer_MainContent_MainContent_captcha_CaptchaAudioCodeUP').after($('#ctl00_ctl00_ContentContainer_MainContent_MainContent_captcha_CaptchaImageUP'))
    }, 300);

    //Validar checkbox del formulario
    const checkbox = document.querySelector('.checkbox'),
        btnSubmit = document.querySelector('#SubmitButton');
    btnSubmit.setAttribute('disabled', 'disabled'); //Establecer el deshabilitado
    //Evento click del checkbox
    checkbox.addEventListener('click', () => {
        let checkboxInput = document.querySelector('#checkboxInput');
        (checkboxInput.checked) ? btnSubmit.removeAttribute('disabled') : btnSubmit.setAttribute('disabled', 'disabled');
    })
}

function formProfile() {
    //Activa el popup si viene de la página de registro
    let prevUrl = document.referrer;
    if (prevUrl.includes('/Account/Login/Register')) {
        modal('Datos ingresados', 'Información de detalle al cierre de la acción', 'COMPLETAR INFORMACIÓN')
    }
    $('body').addClass('profile-page');
    bannerHeader('Registro datos personales');
    $('#mainContent h3').before('<h2>Ingreso de datos adicionales</h2>');
    $('#mainContent h3').after('<p>Los campos marcados con * son obligatorios.</p>');
    $('#mainContent h3').text('Información personal')
}

function forgotPassword() {
    $('body').addClass('forgotpassword-page');
    bannerHeader('Olvidó contraseña');
    $('label.required').before($('p.help-block'));
    $('form').before('<h2>¿Olvidó su contraseña?</h2>');
}

function accesibilidad() {
    /* ==================== Tamanio de fuente ==================== */
    // Donde queremos cambiar el tamanio de la fuente
    const elementos = $('a, h1, h2, h3, h4, p, span, input, label');
    let coeficiente = 2;
    let counter = 0;
    let limite = 4;
    // Reducir Font Size
    $("#botondisminuir").click(function () {
        counter -= coeficiente;
        if (counter >= limite * (-1)) {
            elementos.each(function (i) {
                let k = parseInt($(this).css('font-size'));
                let redSize = (k - coeficiente); //disminuye 2px
                $(this).css('font-size', redSize);
            });
        }
        if (counter < limite * (-1)) {
            counter = limite * (-1);
        }
    });
    // Aumentar Font Size
    $("#botonaumentar").click(function () {
        counter += coeficiente;
        if (counter <= limite) {
            elementos.each(function (index) {
                let j = parseInt($(this).css('font-size'));
                let AuSize = (j + coeficiente); //aumenta 2px
                $(this).css('font-size', AuSize);
            });
        }
        if (counter > limite) {
            counter = limite;
        }
    });
    /* ==================== Tamanio de fuente ==================== */
    /* ==================== Contraste ==================== */
    // Contraste
    $("#botoncontraste").click(function () {
        $('body').toggleClass('contraste')
    });
    /* ==================== Contraste ==================== */
    /* ==================== Centro de relevo ==================== */
    // Botón centro de relevo
    $("#botoncentro").click(function () {
        window.open('https://centroderelevo.gov.co/632/w3-channel.html', '_blank');
    });
    /* ==================== Centro de relevo ==================== */
}

/**
 * Validaciones en los formularios
 */
function formsScripts() {

    //Ocultar input contacto
    if($('#crf6b_contact_name').length > 0){
        $('#crf6b_contact_name').parents('td').hide()
        if($('#dropdown-user').text().trim() != ''){
            $('#crf6b_contact_name').val($('#dropdown-user').text().trim());
            $('#crf6b_contact').val($('#userId').text().trim())
            $('#crf6b_contact_entityname').val('contact')
        }
    }
    
    $('#crf6b_finalizado').parents('tr').hide()
    const urlParams = new URLSearchParams(window.location.search),
        noPages = ["profile"],
        validPage = noPages.filter((ele) => url.includes(ele));

    //Según el parámetro "type-form" colocado por liquid, selecciona la opción en el campo de subCategoria del formulario
    setTimeout(() => {
        const form = $('#PQRDSF-form');
        const select = $('#crf6b_subcategoria');
        if (form != null && select != null) {
            const selectOpts = select.find('option'); //Selecciona las opciones
            let h1ValueChangedTriggered = false; //Validar si los eventos se han disparado
            let h1ValueEmptyTriggered = false;
            select.parents('tr').hide(); //Ocultar "select"/campo de subcategoria
            selectOpts.each((ix, ele) => {
                //Recorre y compara las opciones seleccionando la que sea igual.
                if (removeAccentsSpaces(form.attr('type-form')) == removeAccentsSpaces($(ele).text())) {
                    $(selectOpts[ix]).attr("selected", true); //Selecciona la opción

                    $('.title h1').length > 0 ? $('.title h1').text($('#crf6b_subcategoria option:selected').text()) : null

                    if(!h1ValueChangedTriggered){
                        // Disparar el evento con el texto del título
                        const event = new CustomEvent('h1ValueChanged', { detail: $('#crf6b_subcategoria option:selected').text() });
                        document.dispatchEvent(event);
                        h1ValueChangedTriggered = true;

                    }
                } else {
                    if(!h1ValueEmptyTriggered){
                        // Disparar un evento cuando el valor sea vacío
                        const emptyEvent = new CustomEvent('h1ValueEmpty');
                        document.dispatchEvent(emptyEvent);
                        h1ValueEmptyTriggered= true;
                    }
                    $(selectOpts[ix]).removeAttr("selected"); //Remover atributo a las demás opciones
                }
            });
        }
    }, 500);

    //Según la lista noPages, no activar las validaciones
    if (validPage.length === 0) {
        //Valida si la sección Habeas Data existe
        if ($('fieldset[aria-label*="abeas"]').length > 0) {
            const habeasSlct = $('fieldset[aria-label*="abeas"]').find('select.picklist')[1]; //Selector de condiciones especiales
            //Ocultar al cargar la funcion
            if (habeasSlct.value != 1) {
                $(habeasSlct).parents('tr').next().hide();
                $(habeasSlct).parents('tr').next().next().hide();
            };
            //Escuchador de cambio en el campo seleccion
            $(habeasSlct).change(function (e) {
                e.preventDefault();
                if ($(this).val() == '1') {
                    $(this).parents('tr').next().show();
                } else {
                    $(this).parents('tr').next().hide();
                    $(this).parents('tr').next().next().hide();
                }
            });
            //Esperar 300ms a que el campo esté creado en el DOM
            setTimeout(() => {
                const elementsSlctd = document.querySelector('.msos-selecteditems-container'), //Contendor de las opciones selecionnadas de condiciones especiales
                    observer = new MutationObserver(function (mutations) {
                        mutations.forEach(function (mutation) {
                            if (mutation.type === "attributes" && elementsSlctd.hasAttribute('title')) {
                                let arr = mutation.target.getAttribute('title').replace(/\s+/g, "").split(','); //Quita espacios y separa por comas los elementos seleccionados
                                let filter = arr.filter((ele) => ele === '¿Otros?'); //Filtra ¿otro?
                                if (filter.length > 0) {
                                    $(habeasSlct).parents('tr').next().next().show(); //Mostrar campo ¿otro?
                                } else {
                                    $(habeasSlct).parents('tr').next().next().hide(); //Ocultar campo ¿otro?
                                }
                            } else {
                                $(habeasSlct).parents('tr').next().next().hide(); //Ocultar campo ¿otro?
                            }
                        });
                    });
                //Activar el observador sobre el elemento
                observer.observe(elementsSlctd, { attributes: true });
            }, 300);
            //Tooltip
            tippy('fieldset[aria-label*="abeas"] legend h3', {
                content: `<div class="tooltip-PGN"><p>Ayuda<p><div class"content-tooltip"><span>El interesado manifiesta, bajo su responsabilidad, que los datos aportados en su solicitud son ciertos y que cumple con los requisitos establecidos en la normativa vigente para acceder a la pretensión realizada.(*) Los datos facilitados por Ud. en este formulario pasarán a formar parte de los archivos automatizados propiedad de la Entidad y podrán ser utilizados por el titular del archivo para el ejercicio de las funciones propias en el ámbito de sus competencias. De conformidad con la Ley 1581 del 17 de octubre de 2012, de Protección de Datos de Carácter Personal, Ud. podrá ejercitar los derechos de acceso, rectificación, cancelación y oposición mediante instancia presentada.</span></div></div>`,
                trigger: 'mouseenter',
                theme: 'tomato',
                allowHTML: true,
                flipBehaviour: ['top', 'left-start'],
                placement: 'top-end',
                flipOnUpdate: true,
                arrow: true,
                maxWidth: 316,
            });
        }
        //Valida si la sección Notificaciones existe
        if ($('fieldset[aria-label*="otificaci"]').length > 0) {
            let notiSlct = $('fieldset[aria-label*="otificaci"] select.picklist'), //Seccion de notificaciones
                fieldAddress = $('#crf6b_direccion').parents('tr'),
                fieldCountry = $('#crf6b_paisnotificacion').parents('tr'),
                fieldDepartament = $('crf6b_departamentonotificacion_name').parents('tr'),
                fielMunicipio = $('crf6b_municipionotificacion_name').parents('tr'),
                fieldConsulado= $('crf6b_ciudadconsuladonotificacion_name');
                fieldEmail = $('#crf6b_correoelectronico').parents('tr');
            //Agrgar Checkboxs
            notiSlct.parents('tr').after(`<tr style="display:none">
                                                <td colspan="1" rowspan="1" class="clearfix cell text form-control-cell">
                                                    <div class="info">
                                                        <label class="field-label">¿Por cuál medio?</label>
                                                    </div>
                                                    <div class="control checkbox">
                                                        <label>
                                                            <input type="checkbox" id="notifiOptionAddress" value="1" />
                                                            Dirección
                                                        </label>
                                                        <label>
                                                            <input type="checkbox" id="notifiOptionEmail" value="2" />
                                                            Correo electrónico
                                                        </label>
                                                    </div>
                                                </td>
                                                <td class="cell zero-cell"></td>
                                            </tr>`);
            //Ocultar campos
            fieldAddress.hide();
            fieldCountry.hide();
            // fieldCountryR.hide();
            fieldEmail.hide();
            //Funcionalidad de los checkboxs
            $('#notifiOptionAddress, #notifiOptionEmail').change(function (e) {
                if ($(this).is(':checked')) {
                    switch ($(this).val()) {
                        case '1':
                            fieldAddress.show();
                            // fieldCountry.show();
                            fieldCountry.show();
                            break;
                        default:
                            fieldEmail.show();
                            break;
                    }
                } else {
                    switch ($(this).val()) {
                        case '1':
                            fieldAddress.hide();
                            // fieldCountry.hide();
                            fieldCountry.hide();
                            fieldDepartament.hide();
                            fielMunicipio.hide();
                            fieldConsulado.hide();

                            break;
                        default:
                            fieldEmail.hide();
                            fieldAddress.hide();
                            // fieldCountry.hide();
                            fieldCountry.hide();
                            fieldDepartament.hide();
                            fielMunicipio.hide();
                            fieldConsulado.hide();

                            break;
                    }
                }
            })
            
            //Mostrar campos de checkBoxs
            notiSlct.change(function (e) {
                if ($(this).val() === '1') {
                    notiSlct.parents('tr').next().show();
                } else {
                    notiSlct.parents('tr').next().hide();
                }
            });
            //Tooltip
            tippy('fieldset[aria-label*="otificaci"] legend h3', {
                content: '<div class="tooltip-PGN"><p>Ayuda<p><div class"content-tooltip"><span>Complete el siguiente campo para ser notificado via correo electrónico o por medio físico a su residencia.</span></div></div>',
                trigger: 'mouseenter',
                theme: 'tomato',
                allowHTML: true,
                flipBehaviour: ['top', 'left-start'],
                placement: 'top-end',
                flipOnUpdate: true,
                arrow: true,
                maxWidth: 316,
            });
        }
        //Valida si el campo "País" existe
        if ($('#crf6b_pais').length > 0) {
            //Campos necesarios
            const fieldCountry = $('#crf6b_pais'),
                fieldDepartament = $('#crf6b_departamento'),
                fieldMunicipality = $('#crf6b_municipio'),
                fieldConsulado = $('#crf6b_ciudadconsulado');
            //Ocultar campos
            fieldDepartament.parents('tr').hide();
            fieldMunicipality.parents('tr').hide();
            fieldConsulado.parents('tr').hide();
            //Funcionalidad
            fieldCountry.change(function () {
                if ($(this).val() === '') { //Ocultar campos
                    fieldDepartament.parents('tr').hide();
                    fieldMunicipality.parents('tr').hide();
                    fieldConsulado.parents('tr').hide();
                } else if ($(this).val() === 'b7c8a55b-3afe-ed11-8f6d-00224837a682') { //Mostrar Departamento y Municipio
                    fieldDepartament.parents('tr').show();
                    fieldConsulado.parents('tr').hide();
                    $('#crf6b_ciudadconsulado_name').val('');
                    $('#crf6b_departamento, #crf6b_municipio').attr('aria-required','true');
                    fieldMunicipality.parents('tr').show();
                    fieldMunicipality.attr('required', 'required');
                } else { //Mostrar Consulado
                    fieldDepartament.parents('tr').hide();
                    fieldMunicipality.parents('tr').hide();
                    fieldConsulado.parents('tr').show();
                    $('#crf6b_ciudadconsulado_name').val('');
                }
            });
            fieldDepartament.change(function () {
                $('#crf6b_municipio_name').val('');
            })
        }
        //Valida si el campo "PaísNotificación" existe
        if ($('#crf6b_paisnotificacion').length > 0) {
            //Campos necesarios
            const fieldCountry = $('#crf6b_paisnotificacion'),
                fieldDepartament = $('#crf6b_departamentonotificacion'),
                fieldMunicipality = $('#crf6b_municipionotificacion'),
                fieldConsulado = $('#crf6b_ciudadconsuladonotificacion');
            //Ocultar campos
            fieldDepartament.parents('tr').hide();
            fieldMunicipality.parents('tr').hide();
            fieldConsulado.parents('tr').hide();
            //Funcionalidad
            fieldCountry.change(function () {
                if ($(this).val() === '') { //Ocultar campos
                    fieldDepartament.parents('tr').hide();
                    fieldMunicipality.parents('tr').hide();
                    fieldConsulado.parents('tr').hide();
                } else if ($(this).val() === 'b7c8a55b-3afe-ed11-8f6d-00224837a682') { //Mostrar Departamento y Municipio
                    fieldDepartament.parents('tr').show();
                    fieldMunicipality.parents('tr').show();
                    fieldConsulado.parents('tr').hide();
                    $('#crf6b_ciudadconsulado_name').val('');
                } else { //Mostrar Consulado
                    fieldDepartament.parents('tr').hide();
                    fieldMunicipality.parents('tr').hide();
                    fieldConsulado.parents('tr').show();
                }
            });
            fieldDepartament.change(function () {
                $('#crf6b_municipio_name').val('');
            })
        }
        //Valida si el campo "PaísNotificación" existe
        if ($('#crf6b_pais_lookupmodal').length > 0) {
            //Campos necesarios
            const fieldCountry = $('#crf6b_pais_lookupmodal'),
                fieldDepartament = $('#crf6b_departamento'),
                fieldMunicipality = $('#crf6b_municipio'),
                fieldConsulado = $('#crf6b_ciudadconsulado');
            //Ocultar campos
            fieldDepartament.parents('tr').hide();
            fieldMunicipality.parents('tr').hide();
            fieldConsulado.parents('tr').hide();
            //Funcionalidad
            fieldCountry.change(function () {
                if ($(this).val() === '') { //Ocultar campos
                    fieldDepartament.parents('tr').hide();
                    fieldMunicipality.parents('tr').hide();
                    fieldConsulado.parents('tr').hide();
                } else if ($(this).val() === 'b7c8a55b-3afe-ed11-8f6d-00224837a682') { //Mostrar Departamento y Municipio
                    fieldDepartament.parents('tr').show();
                    fieldMunicipality.parents('tr').show();
                    fieldConsulado.parents('tr').hide();
                    $('#crf6b_ciudadconsulado_name').val('');
                } else { //Mostrar Consulado
                    fieldDepartament.parents('tr').hide();
                    fieldMunicipality.parents('tr').hide();
                    fieldConsulado.parents('tr').show();
                }
            });
            fieldDepartament.change(function () {
                $('#crf6b_municipio_name').val('');
            })
        }
        //Desactivar tablas de la seción de anonimo
        if ($('.boolean-radio[id*="crf6b_anonimo"]').length > 0) {
            $('.boolean-radio[id*="crf6b_anonimo"]').click(function (e) {
                let itemClicked = $(this).find('input[id*="_0"]');
                if ($(this).find('input[id*="_0"]:checked').length == 1) {
                    itemClicked.parents('tr').next().hide();
                } else {
                    itemClicked.parents('tr').next().show();
                }
            });
        }
        //Para el campo de archivos
        if ($("#AttachFile").length > 0) {
            const updateList = (e) => {
                $('#fileList tbody').empty();
                if(e.currentTarget.files.length <= 5){
                    const dt = new DataTransfer(); // Le permite manipular los archivos del archivo de entrada
                    for (var i = 0; i < e.currentTarget.files.length; i++) {
                        let fileBloc = $('<tr/>', { class: 'file-block' });
                        let size = (e.currentTarget.files.item(i).size / Math.pow(1024, 2)).toFixed(2) * 1 + ' ' + "MB";
                        fileBloc.append(`<td>${e.currentTarget.files.item(i).name}</td><td>${size}</td><td>Fecha de carga ${new Date().toLocaleDateString()}</td><td class="file-delete"><img src="/ico-basura-cuad.png" alt="imagen de eliminar"/></td>`)
                        $("#fileList tbody").append(fileBloc);
                    };
                    // Agregar archivos al objeto DataTransfer
                    for (let file of e.currentTarget.files) {
                        dt.items.add(file);
                    }
                    // Actualización de los archivos del archivo de entrada después de la adición
                    e.currentTarget.files = dt.files;
                    // EventListener para el botón eliminar creado
                    $('.file-delete').click(function () {
                        let name = $(this).parent().children()[0].textContent
                        // Suprimir visualización de nombre de archivo
                        $(this).parent().remove();
                        for (let i = 0; i < dt.items.length; i++) {
                            // Coincidencia de archivo y nombre
                            if (name === dt.items[i].getAsFile().name) {
                                // Eliminar archivo en el objeto DataTransfer
                                dt.items.remove(i);
                                continue;
                            }
                        }
                        // Actualización de archivos de archivo de entrada después de la eliminación
                        document.getElementById('AttachFile').files = dt.files;
                    });
                }
                else{
                    modal('Señor usuario', 'Ha superado la cantidad máxima de archivos', undefined, false, 'error')
                }
            }
            const validateInpuFile = (e) => {
                if(e.currentTarget.files.length <= 5){
                    if (e.currentTarget.files != null) {
                        const dt = new DataTransfer();
                        for (var i = 0; i < e.currentTarget.files.length; i++) {
                            let size = (e.currentTarget.files.item(i).size / Math.pow(1024, 2)).toFixed(2) * 1;
                            if (size > 30) {
                                let name = e.currentTarget.files.item(i).name;
                                // Agregar archivos al objeto DataTransfer
                                dt.items.add(e.currentTarget.files);
                                // Actualización de los archivos del archivo de entrada después de la adición
                                e.currentTarget.files.item(i) = dt.files;
                                // Eliminar archivo en el objeto DataTransfer
                                dt.items.remove(i);
                                $('#AttachFile').parent().append(`<span class="alert alert-danger" role="alert">El archivo cargado ${name} supera la capacidad máxima de 30MB</span>`)
                            }
                        };
                        return true
                    }
                    else {
                        return false
                    }
                }
                else {
                    return false
                }
                
            }
            $("#AttachFile").before('<p for="AttachFile">Antes de subir tu archivo, asegúrate de cumplir con los siguientes requisitos:</p><ul><li>Tamaño máximo del archivo: 5 archivos máximo con un peso de 20 MB c/u.</li><li>Extensiones de archivo permitidas:  pdf, word, excel, zip, audios (wap, mp3, mp4, AAC, audios de whatsapp), imágenes(png, jpeg, jpg) y archivo rar. </li><li style="color: red;">Seleccione los archivos al mismo tiempo.</li><li>Tenga en cuenta que el nombre de los archivos debe ser de máximo 20 caracteres y que no contenga caracteres especiales (*, /tildes +{`] []^^!?, etc.)</li></li></ul><br>');
            $("#AttachFile").before('<label class="custom-file-label" for="AttachFile">SELECCIONAR ARCHIVO</label>');
            $('#AttachFile').parent().append(`<table id="fileList">
                                                <thead><tr><th scope="col" aria-readonly="true" style="width:40%;" class="sort-enabled">Nombre documento
                                                </th><th scope="col" aria-readonly="true" style="width:20%;" class="sort-enabled">Peso
                                                </th><th scope="col" aria-readonly="true" style="width:20%;" class="sort-enabled">Fecha
                                                </th><th scope="col" aria-readonly="true" style="width:20%;" class="sort-enabled">Actions
                                                </th></tr></thead>
                                                <tbody></tbody></table>`);

            $('#AttachFile').on('change', function (e) {
                    var TamañoFile = $(this)[0].files[0].size;
                    var FileNameVal = $(this)[0].files[0].name;
                    var ext = FileNameVal.split('.').pop().toLowerCase();
                    var extAllow = ['pdf','doc','docx','dotx','xls','xlsx','xlsm','xltx','xltm','xml','zip','mp3','mp4','jpeg','png','jpg','rar']

                    if(TamañoFile > 20000000 || $.inArray(ext,extAllow)==-1 ){
                        console.log('Es menor');
                        modal('Señor usuario', 'El documento que intenta cargar supera el limite de peso o tiene una extensión no permitida.', undefined, false, 'error')
                        $(this).val('');
                    }else{
                        validateInpuFile(e)
                        updateList(e)
                    }
            });
        }
        
    }
    //Ejecutar según parámetro por URL
    //Formulario info res
    if (urlParams.get('typeform') === 'infores') {
        const selectVls = ['', '', ''],
            selectOne = $('#crf6b_estasolicitandoundocumentoounacopia'),
            selectTwo = $('#crf6b_suvidaoladesufamiliacorrenriesgo'),
            selectThree = $('#crf6b_quiereustedrealizarunapreguntayoconsulta'),
            selectFour = $('#crf6b_estaseguroquesusolicitudcorrespondea'),
            sectionTwo = $('fieldset[aria-label="Nueva sección"]'),
            sectionNotifi = $('fieldset[aria-label="Notificación"]'),
            
            funcValid = () => {
                let filterOne = selectVls.filter(ele => ele === '1');
                let filterTwo = selectVls.filter(ele => ele === '2');                
                if(filterOne.length >= 1 && selectVls[2] != "2"){
                    sectionTwo.hide();
                    sectionNotifi.hide();
                    modal('Señor usuario', 'Tenga en cuenta que, si realizada la verificación de que trata el numeral 1 del artículo 5 de la Resolución PGN 240 de 2022, la dependencia competente considera que la petición no corresponde a una solicitud de información con identificación reservada, deberá realizar esta peticion en la categoria Peticiones "Solicitud de información" https://sedeelectronica.procuraduria.gov.co/PQRDSF/', undefined, false, 'error')
                }else if(filterTwo.length >= 1 && selectVls[2] == "2"){
                    sectionTwo.show();
                    sectionNotifi.show();
                }
            };

        //Ocultar la segunda sección de campos
        sectionTwo.hide();
        sectionNotifi.hide();
        $(selectOne).change(function () {
            selectVls[0] = selectOne.val();
            funcValid();
        });
        $(selectTwo).change(function () {
            selectVls[1] = selectTwo.val();
            funcValid()
        });
        $(selectThree).change(function () {
            selectVls[2] = selectThree.val();
            funcValid()
        });
        $(selectFour).change(function () {
            selectVls[3] = selectFour.val();
            funcValid()
        });
    }
}

/**
 *  *SweetAlert2 - documentación https://sweetalert2.github.io/
 * @param title Título del modal (obligatorio)
 * @param text Párrafo o mensaje descriptivo (obligatorio)
 * @param showCancelButton Buleano, para mostrar o no el botón de cancelar.
 * @param icon Estado del modal success, error, warning, info, question.
 * @param confirmButtonText Texto del botón de confirmación.
 */
function modal(title, text, confirmButtonText, showCancelButton, icon) {
    Swal.fire({
        title,
        text,
        confirmButtonText: confirmButtonText === undefined ? 'ACEPTAR' : confirmButtonText,
        showCancelButton: showCancelButton === undefined ? true : false,
        icon: icon === undefined ? 'success' : icon,
        buttonsStyling: false,
        cancelButtonText: 'CANCELAR'
    })
    if (showCancelButton === false) $('.swal2-confirm').css('margin-right', '0px');
    //Eliminar los archivos cargados 
    let dt = new DataTransfer();
    $('.swal2-confirm').on('click', function () {
        console.log("btn confirmar")

        // Limpiar campo de archivos
        $('#AttachFile').val('');

        // Limpiar lista de archivos adjuntos
        $('#fileList tbody').empty();

        // Suprimir visualización de nombre de archivo
        $('.file-delete').parent().remove();

        
        // Actualización de archivos de archivo de entrada después de la eliminación
        document.getElementById('AttachFile').files = dt.files;
    })
}
/*
modal para la cuantia o valor de pretensiones
*/
function modalValor(title, text, confirmButtonText, showCancelButton, icon) {
    Swal.fire({
        title,
        text,
        confirmButtonText: confirmButtonText === undefined ? 'ACEPTAR' : confirmButtonText,
        showCancelButton: showCancelButton === undefined ? true : false,
        icon: icon === undefined ? 'success' : icon,
        buttonsStyling: false,
        cancelButtonText: 'CANCELAR'
    })
    if (showCancelButton === false) $('.swal2-confirm').css('margin-right', '0px');
}
/**
 * 
 * @param title Título a mostrar en el banner
 */
function bannerHeader(title) {
    $('header .bottom').after(`<div data-component-theme="" class="row sectionBlockLayout text-left" style="display: flex;flex-wrap: wrap;margin: 0px;min-height: auto;padding: 8px;background-image: url('/img-mainbanner.jpg');background-position: center center;background-repeat: no-repeat;background-size: cover;"><div class= "container" style = "padding: 0px; display: flex; flex-wrap: wrap;"><div class="col-md-12 columnBlockLayout" style="flex-grow: 1; display: flex; flex-direction: column; min-width: 310px; word-break: break-word;"><h1 style="text-align: left; color: #ffffff;">${title}</h1></div></div></div>`);
}

/**
 * *Función para eliminar acentos y espacios
 * @param {*} str = String a tratar
 * @return String sin tildes y sin espacios
 */
let removeAccentsSpaces = (str) => {
    return str
        .normalize("NFD")
        .replace(/[\u0300-\u036f]/g, "")
        .replaceAll(/ /g, "-")
        .replace(/[.*+¿?^${}()|[\]\\]/g, "")
        .replace(/\u00BF/g, "")
        .toLowerCase();
};

// Swal.fire({
//     title: 'Registro PQRSDF',
//     html: '<p>Su información ha sido radicada bajo el No. E-0000-000000.<p><p>Para nosotros es importante saber su opinión, lo invitamos a realizar una breve encuesta, agradecemos de antemano su colaboración. ¡Haga clic aquí en CALIFÍCANOS para ir a la encuesta!</p>',
//     icon: 'success',
//     showCancelButton: false,
//     confirmButtonText: 'CALIFÍCANOS',
//     showDenyButton: true,
//     denyButtonText: 'CERRAR',
//     customClass: {
//         confirmButton: 'btn btn-primary',
//         denyButton: 'btn btn-default',
//         popup: 'popup-encuesta',
//     }
// }).then((result) => {
//     if (result.isConfirmed) {
//         //Página de encuesta
//         window.open('https://sedeelectronica.powerappsportals.com/Consulta/encuesta-satisfaccion', '_self');
//     } else if (result.isDenied) {
//         //Pagina de consulta de estado
//         window.open('https://sedeelectronica.powerappsportals.com/Consulta/Estado-PQRSDF-o-solicitud/', '_self');
//     }
// })