var from_date_report_final_poster;
var to_date_report_final_poster;

// show date
$(".date-header").text(moment().locale("fa").format("ddd jDD jMMM jYYYY"));
// end show date

const checkVersion = () => {
    const version = $('body').attr('version')

    const local_version = window.localStorage.getItem('_version')

    if (local_version) {
        if (version != local_version) {
            $('#version_modal').modal('show')
            window.localStorage.setItem('_version', version)
            return
        }
        return
    }
    $('#version_modal').modal('show')
    window.localStorage.setItem('_version', version)
    return
}

(() => {
    // checkVersion()
})()

$(function () {
    $('[data-toggle="popover"]').popover();
    $('[data-toggle="tooltip"]').tooltip();

    from_date_report_final_poster = $("#report_final_poster_from_date").persianDatepicker({
        format: "YYYY/MM/DD",
        initialValue: false,
        autoClose: true,
        initialValueType: "persian",
    });
    to_date_report_final_poster = $("#report_final_poster_to_date").persianDatepicker({
        format: "YYYY/MM/DD",
        initialValue: false,
        autoClose: true,
        initialValueType: "persian",
    });
});

$(document).on('click', '.report-final-poster', function () {
    const modal = $("#report_final_poster_modal");
    modal.find('.input-cleaner').val('')
    modal.modal("show")
})

$("#give_report_final_poster").on("click", function () {
    const modal = $("#report_final_poster_modal");
    modal.find(".input-cleaner").each(function () {
        $(this).val() == "" ? $(this).addClass("no-val") : $(this).removeClass("no-val");
    });
    if (modal.find(".input-cleaner").hasClass("no-val")) {
        alert("لطفا فیلد های مربوطه را تکمیل نمایید")
    } else {
        const convert_from_date_report = moment(from_date_report_final_poster.getState().selected.unixDate).format("YYYY-MM-DD");
        const convert_to_date_report = moment(to_date_report_final_poster.getState().selected.unixDate).format("YYYY-MM-DD");
        window.open(`/poster/progress_info?fromDate=${convert_from_date_report}&toDate=${convert_to_date_report}`, `_blank`);
        modal.modal("hide")
    }
});

$(document).on("click", ".btn-burgur", function () {
    $(".res-menu-box").toggleClass("res-open");
    if ($(".res-menu-box").hasClass("res-open")) {
        $(this).find("i").removeClass("fa-bars");
        $(this).find("i").addClass("fa-times");
        $(".res-menu-box").animate({ right: "0" });
    } else {
        $(this).find("i").addClass("fa-bars");
        $(this).find("i").removeClass("fa-times");
        $(".res-menu-box").animate({ right: "-100%" });
    }
});
$(document).on("click", ".res-header-item .item", function () {
    const parent = $(this).parents(".res-header-item");
    $(".res-header-subitems").slideUp();
    if (parent.find(".res-header-subitems").css("display") != "none") {
        $(".item").find(".arrow-icon").removeClass("rotate");
        parent.find(".res-header-subitems").slideUp();

    } else {
        $(".item").find(".arrow-icon").removeClass("rotate");
        $(this).find(".arrow-icon").addClass("rotate");
        parent.find(".res-header-subitems").slideDown();
    }
});
$(document).on("click", ".res-header-subitem .subitem", function () {
    const parent = $(this).parents(".res-header-subitem");
    $(".res-header-subitem-items").slideUp();
    if (parent.find(".res-header-subitem-items").css("display") != "none") {
        $(".subitem").find(".arrow-icon").removeClass("rotate");
        parent.find(".res-header-subitem-items").slideUp();
    } else {
        $(".subitem").find(".arrow-icon").removeClass("rotate");
        $(this).find(".arrow-icon").addClass("rotate");
        parent.find(".res-header-subitem-items").slideDown();
    }
});
$(".header-item").on("mouseover", function () {
    $(this).find(".header-sub-items").removeClass("d-none");
});
$(".header-item").on("mouseleave", function () {
    $(this).find(".header-sub-items").addClass("d-none");
});
$(".header-sub-item").on("mouseover", function () {
    $(this).find(".header-item-sub-items").removeClass("d-none");
});
$(".header-sub-item").on("mouseleave", function () {
    $(this).find(".header-item-sub-items").addClass("d-none");
});
// square the map
// var map_width = document.querySelector('.map-box');
// $(".map-box").css("height", `${map_width.offsetWidth}px`);
// end square the map