"use strict";
    let LINK = null;
    let FILE_NAME = null;
    let getStatement = async function(year) {
        setSkeletonLoader();
        document.querySelectorAll(".statement-year").forEach(e => {e.innerHTML = year});
        await fetch("/associado/api/statement/" + year)
            .then(function(response) {
                if(response.status !== 200)
                    throw "Ocorreu um erro ao consultar os demonstrativos. Por favor, tente novamente em breve.";
                return response.json();
            }).then(function(data) {
                if(!data || data.length == 0 || data[0].result == undefined){
                    throw "Ocorreu um erro ao consultar os demonstrativos. Por favor, tente novamente em breve.";
                }
                let result = JSON.parse(data[0].result);
                iterateValues(result);
            }).catch(function(error) {
                showToast("Atenção", error, TOAST_STATUS.DANGER);
            });
    }

    let iterateValues = (result) => {
        for (let [key, value] of Object.entries(result)) {
            let type = key;
            for(let [keyChild, valueChild] of Object.entries(result[key])){
                renderValue(type, keyChild, valueChild);
            }
            document.querySelectorAll(".open-modal").forEach(e => {
                e.addEventListener("click", openModal);
            })
        }
    }

    let openModal = (e) => {
        LINK = "/associado/api/statement/file/" + e.currentTarget.getAttribute("documentId");
        FILE_NAME = e.currentTarget.getAttribute("file");
        $('#fileModal').modal("show");
    }

    let renderValue = (type, month, valueChild) => {
        let template = document.getElementById("tplStatementValues").innerHTML;
        let html = Mustache.render(template, {
            documentId : valueChild,
            fileDate : "demonstrativo_" + (parseInt(month, 10) < 10 ? "0" + month : month) + "_" + document.getElementById("statementYearDt").value
        });
        document.querySelector(".month-" + type + "-" + month).innerHTML = html;
    }

   
    let setSkeletonLoader = () => {
        let template = document.getElementById("tplSkeleton").innerHTML;
        let html = Mustache.render(template, {});
        document.querySelectorAll(".statement").forEach(e => {
            e.innerHTML = html;
        });
    }

    document.getElementById("statementYearDt").addEventListener("change", function() {
        getStatement(this.value);
    });

    $('#fileModal').on('show.bs.modal', function (e) {
        document.querySelectorAll(".close-modal").forEach(e => {
            e.addEventListener("click", function (e) {
                $('#fileModal').modal("hide");
                document.querySelector("#fileModal iframe").setAttribute("src", "");
            });
        });
        document.getElementById("downloadStatement").removeEventListener("click", bindDownloadFile);
        document.getElementById("downloadStatement").addEventListener("click", bindDownloadFile);
        if(LINK) {
            showFileInModalOrDownload(e.currentTarget);
        }
    });

    let bindDownloadFile = () => {
        let element = document.getElementById("fileModal");
        showFileInModalOrDownload(element, true);
    }

    let showFileInModalOrDownload = (element, isDownload) => {
        fetch(LINK)
            .then(function(response) {
                if(response.status !== 200)
                    throw "Ocorreu um erro ao visualizar o demonstrativo. Por favor, tente novamente em breve.";
                return response.blob();
            }).then(function(data) {
            if(!data){
                throw "Ocorreu um erro ao visualizar o demonstrativo. Por favor, tente novamente em breve.";
            }

           
            let isAndroid = navigator.userAgent.toLowerCase().indexOf("android") > -1;

            if(isDownload) {
                saveFile(data);
            } else {
                if(isAndroid) {
                  
                    let fileURL = window.URL.createObjectURL(data);

                   
                     
                      
                            PDFObject.embed(fileURL, ".modal-body");
                             

                   
                   
                } else {
                   
                      let fileURL = window.URL.createObjectURL(data);

                   
                     
                      
                            PDFObject.embed(fileURL, ".modal-body");
                }
            }
        }).catch(function(error) {
            showToast("Atenção", error, TOAST_STATUS.DANGER);
        });
    };

    let saveFile = (data) => {
        var a = $("<a style='display: none;'/>");
        var url = window.URL.createObjectURL(data);
        a.attr("href", url);
        a.attr("download", FILE_NAME + ".pdf");
        $("body").append(a);
        a[0].click();
        window.URL.revokeObjectURL(url);
        a.remove();
    }

    document.getElementById("statementYearDt").setAttribute("max", "" + new Date().getFullYear());
    document.getElementById("statementYearDt").value = new Date().getFullYear();
    getStatement(new Date().getFullYear());