const btnMenu = document.querySelector("#btnMenuPrincipal");
const navPrin = document.querySelector("#navPrin");
let opMenuPrin = document.querySelectorAll(".nav-prin__opcion");
const opcionesMenuPrincipal = [...opMenuPrin];
let enlacesMenuPrincipal = document.querySelectorAll(".nav-prin__opcion__enlace");
const arrEnlacesMP =[...enlacesMenuPrincipal];
const paginaActiva = document.location.pathname;
let medQuery1 = 800;
//const btnCerrarMP = document.querySelector("#btnCerrarMP");
let SubMenusListas = document.querySelectorAll(".nav-sec");
const SubMenus  = [...SubMenusListas];
const btnNavSecPersonas= document.querySelector("#btnNavSecPersonas");
const btnCerrarMSPersonas  = document.querySelector("#btnCerrarMSPersonas");
const smPersonas = document.querySelector("#smPersonas");
const btnNavSecEmpresas= document.querySelector("#btnNavSecEmpresas");
const btnCerrarMSEmpreas  = document.querySelector("#btnCerrarMSEmpresas");
const smEmpresas = document.querySelector("#smEmpresas");
const btnNavSecPYMES= document.querySelector("#btnNavSecPYMES");
const btnCerrarMSPYMES  = document.querySelector("#btnCerrarMSPYMES");
const smPYMES = document.querySelector("#smPYMES");
const btnNavSecBCR= document.querySelector("#btnNavSecBCR");
const btnCerrarMSBCR  = document.querySelector("#btnCerrarMSBCR");
const smBCR = document.querySelector("#smBCR");

const headerNuevo = document.querySelector("#headerNuevo");
const switchHeader = document.querySelector("#switchHeader");
const contenido = document.querySelector("#contenido");
const contSwitch = document.querySelector("#contSwitch");
const ModalTipoCambio = document.querySelector("#ModalTipoCambio");
const controlTipoCambio = document.querySelector("#controlTipoCambio");
const btnCerrarTipoCambio = document.querySelector("#btnCerrarTipoCambio");
const mAcciones = document.querySelector("#mAcciones");
const accionesGrupo = document.querySelector("#accionesGrupo");
const USDInfo= document.querySelector("#USDInfo");
const USD = document.querySelector("#USD");
const EURInfo = document.querySelector("#EURInfo");
const EUR = document.querySelector("#EUR");
const botonCalN = document.querySelector("#botonCalN");
const busquedaModal = document.querySelector("#busquedaModal");
const ModalBuscador = document.querySelector("#ModalBuscador");
const btnBuscador = document.querySelector("#btnBuscador");
const btnBuscadorCerrar= document.querySelector("#btnBuscadorCerrar");
const textoSwitch = ["Nuevo bancobcr.com"];
const textosBCRDirecto = ["BCR Directo","Autogestión"];
const textosAbrirCuenta = ["Abrir Cuenta","Hazte Cliente"];

//const btnBCRDirecto = document.querySelector("#btnBCRDirecto").firstElementChild.nextElementSibling;
const switchTxt = document.querySelector("#switchTxt");
let secuencia;
/*
const secciones = [
    {nombre:"Personas", btnAbrir: btnNavSecPersonas,btnCerrar:btnCerrarMSPersonas,submenu: smPersonas},
    {nombre:"Empresas", btnAbrir: btnNavSecEmpresas,btnCerrar:btnCerrarMSEmpresas,submenu: smEmpresas},
    {nombre:"Pymes", btnAbrir: btnNavSecPYMES,btnCerrar:btnCerrarMSPYMES,submenu: smPYMES},
    {nombre:"BCR", btnAbrir: btnNavSecBCR,btnCerrar:btnCerrarMSBCR,submenu: smBCR}
];
*/
const consume_TC = async (m)=> {
    const response = await fetch("/wps/proxy/http/bcrrestgen-app:24000/rest/api/v1/bcr-informativo/tipo-cambio/obtener/"+m);
    const tipo = await response.json();
    return tipo;
  };

const actulizaTCNuevo = async()=>{
    const divisas = [
        {id: "dolares", compra: "USDB", venta: "USDS", fecha:"USDD"},
        {id: "euros", compra: "EURB", venta: "EURS", fecha:"EURD"}
    ];
    divisas.forEach(async d=>{
        let divisa = await consume_TC(d.id);
        document.querySelector("#"+d.compra).innerHTML = (parseInt(divisa.compra)/10000).toLocaleString(undefined, {minimumFractionDigits:2});
        document.querySelector("#"+d.venta).innerHTML = (parseInt(divisa.venta)/10000).toLocaleString(undefined, {minimumFractionDigits:2});
        document.querySelector("#"+d.fecha).innerHTML = "Última actualización: "+ divisa.date+".";
        
    });
}
actulizaTCNuevo();
const timer = setInterval(()=>{
    actulizaTCNuevo();
}, 300000)
const muestaTCInfo = () =>{
    USD.checked?(USDInfo.classList.add("modal-tipo-cambio__cont__tc--visible"), EURInfo.classList.remove("modal-tipo-cambio__cont__tc--visible")): (USDInfo.classList.remove("modal-tipo-cambio__cont__tc--visible"), EURInfo.classList.add("modal-tipo-cambio__cont__tc--visible"));
};
/*
USD.addEventListener("click", ()=>{
    muestaTCInfo();
}, false);
EUR.addEventListener("click", ()=>{
    muestaTCInfo();
}, false);
*/
let actualizaPaginaActiva = () =>{
opcionesMenuPrincipal.forEach(opcion =>{
    let vinculo = opcion.firstElementChild.href;
    vinculo.includes(paginaActiva)?opcion.firstElementChild.classList.add("nav-prin__opcion__enlace--activo"):opcion.firstElementChild.classList.remove("nav-prin__opcion__enlace--activo");
});
};
//actualizaPaginaActiva();
const controlMenu = () =>{
    mAcciones.classList.remove("abierto");
    ocultaSubMenus();
    navPrin.classList.toggle("nav-prin--visible");
    btnMenu.classList.toggle("abierto");
    accionesGrupo.classList.remove("acciones__grupo--abierto");
};
const controladorTipoCambio =()=>{
    ModalTipoCambio.classList.toggle("modal-tipo-cambio--visible");
};
const ocultaSubMenus = () =>{
    SubMenus.forEach(item =>{
        item.classList.remove("nav-sec--visible");
    });
};
const controlMAcciones = () =>{
    mAcciones.classList.toggle("abierto");
    ocultaSubMenus();
    navPrin.classList.remove("nav-prin--visible");
    btnMenu.classList.remove("abierto");
    accionesGrupo.classList.toggle("acciones__grupo--abierto");
};

const muestraBusqueda=()=>{
    busquedaModal.classList.toggle("abierto");
    ModalBuscador.src="https://www.bancobcr.com/wps/portal/bcr/bancobcr/search/busqueda/";
};
const actualizaLocal = (k, v) =>{
    localStorage.setItem(k,v);
};

const consultaLocal = (k) =>{
    return localStorage.getItem(k);
};
const muestraHeader = (h) =>{
    h.style.display = "block";
};
const actualizaTop=(e, t)=>{
    e.style.top = t;
};
const ocultaHeader = (h)=>{
    h.style.display= "none";
};

// Animación Switch

const escribePalabra = (elemento, palabra, velocidad)=>{
    let contador = 0;
    let secuenciaInterna = setInterval(()=>{
        contador <= palabra.length + 1 ?(elemento.innerHTML = palabra.slice(0,contador), contador++):(clearInterval(secuenciaInterna),()=>{return true});
    },velocidad);
};
/*
let escribe = (lista, elemento, escribe, cambio) =>{ 
    let texto = lista[0];
    let p = 0;
    secuencia = setInterval(()=>{
        p>=lista.length?(
            p=0
            ):(               
                texto = lista[p],
                escribePalabra(elemento, texto, escribe),
                p++
            );
    }, cambio);
}
*/
const eliminaMundos = ()=>{
    let mundos = ["personas", "empresas", "pymes", "nosotros"];
    mundos.forEach(mundo=>headerNuevo.classList.remove(mundo));
   // arrEnlacesMP.classList.remove("nav-prin__opcion__enlace--activo");
}

/*
const seleccionaMundo = () =>{


    eliminaMundos();
    if(paginaActiva=="/wps/portal/bcr/bancobcr" || paginaActiva=="/wps/portal/bcr" || paginaActiva=="/wps/portal/bcr/bancobcr/"  ){
        headerNuevo.classList.add("personas");
        arrEnlacesMP[0].classList.add("nav-prin__opcion__enlace--activo");
    }

    if(paginaActiva.includes("/wps/portal/bcr/bancobcr/personas") || paginaActiva.includes("/wps/portal/bcr/bancobcr/soporte") ||  paginaActiva.includes("/wps/portal/bcr/bancobcr/pruebas") || paginaActiva.includes("/wps/portal/bcr/bancobcr/formularios") || paginaActiva.includes("/wps/portal/bcr/bancobcr/pruebas")){
        headerNuevo.classList.add("personas");
        arrEnlacesMP[0].classList.add("nav-prin__opcion__enlace--activo");
    }
    if(paginaActiva.includes("/wps/portal/bcr/bancobcr/mipymes")|| paginaActiva.includes("/wps/portal/bcr/bancobcr/comercios_afiliados/")){
        headerNuevo.classList.add("pymes");
        arrEnlacesMP[2].classList.add("nav-prin__opcion__enlace--activo");
    }
    if(paginaActiva.includes("/wps/portal/bcr/bancobcr/empresas")){
        headerNuevo.classList.add("empresas");
        arrEnlacesMP[1].classList.add("nav-prin__opcion__enlace--activo");
    }
    if(paginaActiva.includes("/wps/portal/bcr/bancobcr/acerca-del-bcr")){
        headerNuevo.classList.add("nosotros");
        arrEnlacesMP[3].classList.add("nav-prin__opcion__enlace--activo");
    }
};


const seleccionaHeader =()=>{
    seleccionaMundo();
};
*/

if(btnMenu){
    btnMenu.addEventListener("click", ()=>{controlMenu()}, false);
    //btnCerrarMP.addEventListener("click", ()=>{controlMenu()}, false);
}



/*

if(secciones){
    secciones.forEach(item=>{
        item.btnAbrir.addEventListener("click", ()=>{
            ocultaSubMenus();
            item.submenu.classList.toggle("nav-sec--visible");
        }, false);
        item.btnCerrar.addEventListener("click", ()=>{
            ocultaSubMenus();
        },false);
    });
}
*/


if(consultaLocal("nuevoMenu")==null){
    actualizaLocal("nuevoMenu", false);
}


/*
seleccionaHeader();
*/
/*
switchHeader.addEventListener("click", ()=>{
    actualizaLocal("nuevoMenu", switchHeader.checked);
    seleccionaHeader();
}, false);
*/

if(controlTipoCambio){
    controlTipoCambio.addEventListener("click", ()=>{
        controladorTipoCambio();
    },false);
}
if(btnCerrarTipoCambio){
    btnCerrarTipoCambio.addEventListener("click",()=>{
        controladorTipoCambio();
    },false);
    
}
if(mAcciones){
    mAcciones.addEventListener("click", ()=>{
        controlMAcciones();
    }, false);
}

/*
botonCalN.addEventListener("click", () => {

    window.open("https://www.bancobcr.com/wps/portal/bcr/bancobcr/soporte/calculadoras", target = "_blank", 'width=460, height=700, top=-300, left=2000');

}, false);


const mostrar = document.querySelector("#mostrarBtn");
const nav = document.querySelector("#navLateral");

const agregarClase = (id, clase) => {
    document.querySelector("#" + id).classList.toggle(clase);
    
};



/*
mostrar.addEventListener('click', () => {
    agregarClase("navLateral", "nav--ocultar")
})
btnBuscador.addEventListener("click", ()=>{
    muestraBusqueda();
}, false);
btnBuscadorCerrar.addEventListener("click", ()=>{
    muestraBusqueda();
}, false);
*/
/*
const agregaScroll=()=>{
    document.addEventListener("scroll", ()=>{
        let regla = `(min-width:${medQuery1}px)`;     
        scrollY>100?contSwitch.classList.add("nueva-imagen--fija"):contSwitch.classList.remove("nueva-imagen--fija");
        }
        ,false);
};
agregaScroll();
*/
let ventaDola;
const objDol = async ()=>{
let Dolar = await consume_TC("dolares");
ventaDola = await (parseInt(Dolar.venta)/10000);
tc = ventaDola;
return ventaDola;
};
/*console.log(tc);*/
 
objDol();