var pageIndexJs = 0;

var isMobile = window.matchMedia('(max-width: 768px)').matches;
var overlay = document.querySelector('.offcanvas-overlay');
var offcanvas = document.getElementById('offcanvas');

function openOffcanvas() {
    overlay.classList.add('active');
    offcanvas.classList.add('active');
    document.body.style.overflow = 'hidden';
}

function closeOffcanvas() {
    overlay.classList.remove('active');
    offcanvas.classList.remove('active');
    document.body.style.overflow = '';
}

$(document).ready(function () {
    $(".modal").on("hidden.bs.modal", function () {
        $(".printBtns").css("display", "none");
    });

    $(document).on("click", ".printModal", function () {
        $(".printBtns").css("display", "flex");
    });

    // select2
    $("#searchModel_Year").select2({ language: "fa", dir: "rtl" });
    $("#searchModel_Month").select2({ language: "fa", dir: "rtl" });
    $("#searchModel_TypeOfInsuranceSend").select2({ language: "fa", dir: "rtl" });
    $("#searchModel_City").select2({ language: "fa", dir: "rtl" });
    $("#searchModel_FixedSalary").select2({ language: "fa", dir: "rtl" });

    var paramsUrl = UrlParamsBuilder.readParams([
        "year",
        "month",
        "workshop-code",
        "employee-id",
        "employee-name",
        "workshop-id",
        "workshop-name",
        "type-of-insurance",
        "branch",
        "city",
        "fixed-salary"
    ]);

    paramsUrl['year'] !== "" && $("#searchModel_Year").val(paramsUrl['year']).trigger("change");
    paramsUrl['month'] !== "" && $("#searchModel_Month").val(paramsUrl['month']).trigger("change");
    $("#searchModel_WorkShopCode").val(paramsUrl['workshop-code']);
    $("#searchModel_EmployerId").val(paramsUrl['employee-id']);
    paramsUrl['employee-id'] !== "" && $("#empSearchEmployer").val(paramsUrl['employee-name']).addClass('selectedOption');
    $("#searchModel_WorkshopId").val(paramsUrl['workshop-id']);
    paramsUrl['workshop-id'] !== "" && $("#empSearchWorkshop").val(paramsUrl['workshop-name']).addClass('selectedOption');
    paramsUrl['type-of-insurance'] === "" ? $("#searchModel_TypeOfInsuranceSend").val("0").trigger("change") : $("#searchModel_TypeOfInsuranceSend").val(paramsUrl['type-of-insurance']).trigger("change");
    $("#searchModel_Branch").val(paramsUrl['branch']);
    paramsUrl['fixed-salary'] === "" ? $("#searchModel_City").val(0).trigger("change") : $("#searchModel_City").val(paramsUrl['city']).trigger("change");
    paramsUrl['fixed-salary'] === "" ? $("#searchModel_FixedSalary").val(0).trigger("change") : $("#searchModel_FixedSalary").val(paramsUrl['fixed-salary']).trigger("change");

    var isAnyNotEmpty = false;
    for (var key in paramsUrl) {
        if (paramsUrl[key] !== "") {
            isAnyNotEmpty = true;
            break;
        }
    }

    var isDefaultMonthYear = (paramsUrl["year"] === year && paramsUrl["month"] === month);

    if (isAnyNotEmpty && !isDefaultMonthYear) {
        $('.btn-clear-filter').removeClass('disable');
    } else {
        $('.btn-clear-filter').addClass('disable');
    }

    // Open Div Mobile
    $(document).on('click', '.insurance-table__row', function () {
        var container = $(this).closest('.insurance-table__container');
        var toggleDiv = container.find('.insurance-table__toggle');
        var isOpen = toggleDiv.hasClass('show');

        // Close all
        $('.insurance-table__toggle.show').removeClass('show');

        // Open this one only if it wasn't already open
        if (!isOpen) {
            toggleDiv.addClass('show');
        }
    });

    $(document).on('click', '.js-document-click', function () {
        isMobile
            ? ($('#overviewSteps').hide(), $('#overviewSteps-mobile').show())
            : ($('#overviewSteps').show(), $('#overviewSteps-mobile').hide());

        $('.js-document-click').removeClass('tab-bar__tab--active');
        $(this).addClass('tab-bar__tab--active');
        var statusValue = $(this).prop('value');

        pageIndexJs = 0;
        $("#load-data-html-mobile").html('');
        $('#load-data-html').html('');

        switch (statusValue) {
            case "0":
                loadSearchNew(0);
                break;
            case "1":
                loadSearchNew(1);
                break;
            case "2":
                loadSearchNew(2);
                break;
            case "3":
                loadSearchNew(3);
                break;
        default:
        }
    });

    $('.btn-search-click').click(function () {
        urlParamsSearch
            .addParam("year", $("#searchModel_Year").val())
            .addParam("month", $("#searchModel_Month").val())
            .addParam("workshop-code", $("#searchModel_WorkShopCode").val())
            .addParam("employee-id", $("#searchModel_EmployerId").val() === "0" ? "" : $("#searchModel_EmployerId").val())
            .addParam("employee-name", $("#empSearchEmployer").val())
            .addParam("workshop-id", $("#searchModel_WorkshopId").val() === "0" ? "" : $("#searchModel_WorkshopId").val())
            .addParam("workshop-name", $("#empSearchWorkshop").val())
            .addParam("type-of-insurance", $("#searchModel_TypeOfInsuranceSend").val())
            .addParam("branch", $("#searchModel_Branch").val())
            .addParam("city", $("#searchModel_City").val())
            .addParam("fixed-salary", $("#searchModel_FixedSalary").val())
            .pushState();

        var $activeTab = $('.tab-bar__tab--active');
        var activeValue = $activeTab.val();

        pageIndexJs = 0;
        $("#load-data-html-mobile").html('');
        $('#load-data-html').html('');
        loadGetTabCounts();
        loadSearchNew(activeValue);

        $('.btn-clear-filter').removeClass('disable');
    });

    loadGetTabCounts();
    loadSearchNew();
});

function removeSearch() {
    window.location.href = baseUrl;
}

async function loadGetTabCounts() {
    var paramsUrl = UrlParamsBuilder.readParams(["year", "month"]);

    var yearSelect = Number(paramsUrl['month']) !== 0 ? Number(paramsUrl['year']) : year;
    var monthSelect = Number(paramsUrl['month']) !== 0 ? Number(paramsUrl['month']) : month;

    try {
        var response = await ajaxService.get(ajaxGetTabCountsUrl, { month: monthSelect, year: yearSelect }, true);

        updateStatus('notStarted', response.notStarted);
        updateStatus('inProgress', response.inProgress);
        updateStatus('readyToSendList', response.readyToSendList);
        updateStatus('done', response.done);

    } catch (e) {
        console.error(e);
    }
}
function updateStatus(id, value) {
    $(`#${id}`).show();
    if (parseInt(value) === 0) {
        $(`#${id}`).hide();
    } else {
        $(`#${id}`).text(value).show();
    }
}

$('.goToTop').on('click', function () {
    $('html, body').animate({ scrollTop: 0 }, 360);
    return false;
});

$(window).scroll(function () {
    if ($(window).scrollTop() + $(window).height() > $(document).height() - 600) {
        var $activeTab = $('.tab-bar__tab--active');
        var activeValue = $activeTab.val();
        loadSearchNew(activeValue);
    }

    if ($(this).scrollTop() > 100) {
        $('.goToTop').show().fadeIn();
    } else {
        $('.goToTop').fadeOut().hide();
    }
});

function loadSearchNew(status = 0) {
    var pageIndex = pageIndexJs;

    var html = "";
    var htmlMobile = "";
    
    var paramsUrl = UrlParamsBuilder.readParams([
        "year",
        "month",
        "workshop-code",
        "employee-id",
        "workshop-id",
        "type-of-insurance",
        "branch",
        "city",
        "fixed-salary"
    ]);

    var searchModel = {
        Year: paramsUrl['year'] !== "" ? paramsUrl['year'] : year,
        Month: paramsUrl['month'] !== "" ? paramsUrl['month'] : month,
        WorkShopCode: paramsUrl['workshop-code'],
        EmployerId: paramsUrl['employee-id'],
        WorkshopId: paramsUrl['workshop-id'],
        TypeOfInsuranceSend: paramsUrl['type-of-insurance'],
        Branch: paramsUrl['branch'],
        City: paramsUrl['city'],
        FixedSalary: paramsUrl['fixed-salary'],
        Status: status,
        PageIndex: pageIndex
    };

    var b = pageIndexJs % 30;
    
    if (b === 0) {
        ajaxService.get(ajaxSearchNewUrl, searchModel, false)
            .then(response => {
                
                var responseData = response.data;
                if (responseData.length > 0) { 
                    responseData.forEach(function (item) {
                        var n = pageIndexJs + 1;
                        var pathDSKKAR00 = item.workShopId + "\\" + item.year + "_" + item.month + "\\DSKKAR00.dbf";
                        var pathDSKWOR00 = item.workShopId + "\\" + item.year + "_" + item.month + "\\DSKWOR00.dbf";
                        
                        const rowBgClass = item.isBlockCantracingParty === "true"
                            ? "tw-bg-[#b1c3c3] hover:tw-bg-[#bbc6c6]"
                            : item.confirmSentlist
                            ? "tw-bg-[#d8f5d2] hover:tw-bg-[#c7ebc0]"
                            : (n % 2 === 0
                                ? "tw-bg-[#ecffff] hover:tw-bg-[#C9F0F0]"
                                : "tw-bg-[#ddf4f4] hover:tw-bg-[#C9F0F0]");

                        html += `
                    <div class="insurance-table__container">
                        <div class="insurance-table__row tw-transition-all tw-font-[400] tw-flex tw-h-[35px] tw-items-center tw-rounded-[5px] ${rowBgClass} tw-px-2 tw-text-[12px]">
				            <div class="insurance-table__cell tw-w-[3%]">
					            <div class="insurance-table__cell-card insurance-table__cell-card--small ${item.isBlockCantracingParty === "true" ? `` : item.confirmSentlist ? `!tw-bg-[#a3d798]` : ``} ${item.isBlockCantracingParty === "true" ? `!tw-bg-[#9b9d9d] !tw-text-white` : ``}">
						            ${n++}
					            </div>
				            </div>
				            <div class="insurance-table__cell tw-w-[4%] tw-text-center">${item.year}</div>
				            <div class="insurance-table__cell tw-w-[5%] tw-text-center">${convertMonthToString(item.month)}</div>
				            <div class="insurance-table__cell tw-w-[10%] tw-text-center">${item.workShopCode}</div>
				            <div class="insurance-table__cell tw-w-[15%] tw-text-right">
                                <div class="tooltip-container tw-text-right">
                                    <div class="tooltip__trigger tw-truncate tw-text-right">${item.employerName}</div>
                                    <div class="tooltip-container__text">
                                        ${item.employerName}
                                    </div>
                                </div>
                            </div>
				            <div class="insurance-table__cell tw-w-[15%] tw-text-right">
					            <div class="tooltip-container tw-text-right">
						            <div class="tooltip__trigger tw-truncate tw-text-right">${item.workShopName}</div>
						            <div class="tooltip-container__text">
							            ${item.workShopName}
						            </div>
					            </div>
				            </div>
				            <div class="insurance-table__cell tw-w-[7%] tw-text-center">${item.typeOfInsuranceSend}</div>
				            <div class="insurance-table__cell tw-w-[7%] tw-text-center tw-flex tw-justify-center">
                                ${booleanSvgResponse(item.inspectionDone)}
				            </div>
				            <div class="insurance-table__cell tw-w-[7%] tw-text-center tw-flex tw-justify-center">
					            ${booleanSvgResponse(item.debtDone)}
				            </div>
				            <div class="insurance-table__cell tw-w-[7%] tw-text-center tw-flex tw-justify-center">
					            ${booleanSvgResponse(item.employerApproved)}
				            </div>
				            <div class="insurance-table__cell tw-w-[7%] tw-text-center tw-flex tw-justify-center">
					            ${booleanSvgResponse(item.confirmSentlist)}
				            </div>
				            <div class="insurance-table__cell tw-w-[13%] tw-text-end">
                                <div class="tw-flex tw-justify-end tw-gap-2">

                                    
                                    ${generateButtons(item, pathDSKKAR00, pathDSKWOR00)}


                                </div>
				            </div>
                        </div>
                        <!-- toggle content -->
                        <div class="insurance-table__toggle tw-mx-auto tw-flex tw-w-[97%] tw-flex-col tw-gap-2 tw-px-2">
				            <div class="insurance-table__toggle-row tw-flex tw-gap-2">
					            <div class="insurance-table__toggle-item tw-mb-2 tw-flex tw-w-[20%]">
						            <span class="insurance-table__toggle-label tw-w-[30%]">شعبه تامین اجتماعی:</span>
						            <span class="insurance-table__toggle-value tw-w-[50%]">${item.branch === `` ? `-` : item.branch}</span>
					            </div>

					            <div class="insurance-table__toggle-item tw-mb-2 tw-flex tw-flex tw-w-[20%] tw-gap-40 tw-gap-2">
						            <span class="insurance-table__toggle-label tw-w-[30%]">شهرستان:</span>
						            <span class="insurance-table__toggle-value tw-w-[50%]">${item.city === `` ? `-` : item.city}</span>
					            </div>

					            <div class="insurance-table__toggle-item tw-mb-2 tw-flex tw-flex tw-w-[20%] tw-gap-40 tw-gap-2">
						            <span class="insurance-table__toggle-label tw-w-[30%]">لیست مقطوع:</span>
						            <span class="insurance-table__toggle-value tw-w-[50%]">${item.strFixedSalary}</span>
					            </div>

                                <div class="insurance-table__toggle-item tw-mb-2 tw-flex tw-flex tw-w-[20%] tw-gap-40 tw-gap-2">
                                    <span class="insurance-table__toggle-label tw-w-[30%]"></span>
                                    <span class="insurance-table__toggle-value tw-w-[50%]"></span>
                                </div>

                                <div class="insurance-table__toggle-item tw-mb-2 tw-flex tw-flex tw-w-[20%] tw-gap-40 tw-gap-2">
                                    <span class="insurance-table__toggle-label tw-w-[30%]"></span>
                                    <span class="insurance-table__toggle-value tw-w-[50%]"></span>
                                </div>
				            </div>
                        </div>
                    </div>
                `;

                        htmlMobile += `<div class="insurance-table__container tw-cursor-pointer">
				            <div class="insurance-table__row tw-font-[500] tw-flex tw-h-[35px] tw-items-center tw-rounded-[5px] ${rowBgClass} tw-px-2 tw-text-[12px] md:tw-font-[400] md:tw-text-[14px]">
					            <div class="insurance-table__cell tw-w-[10%]">
						            <div class="insurance-table__cell-card insurance-table__cell-card--small tw-text-center ${item.isBlockCantracingParty === "true" ? `` : item.confirmSentlist ? `!tw-bg-[#a3d798]` : ``} ${item.isBlockCantracingParty === "true" ? `!tw-bg-[#9b9d9d] !tw-text-white` : ``}">
							            ${n++}
						            </div>

					            </div>
					            <div class="insurance-table__cell tw-w-[15%] tw-text-center">${item.year}</div>
					            <div class="insurance-table__cell tw-w-[20%] tw-text-center">${convertMonthToString(item.month)}</div>

					            <div class="insurance-table__cell tw-w-[50%] tw-text-right">
                                    <div class="tooltip-container tw-text-right">
                                        <div class="tooltip__trigger tw-truncate tw-text-right">${item.workShopName}</div>
                                        <div class="tooltip-container__text">
                                            ${item.employerName}
                                        </div>
                                    </div>
                                </div>

					            <div class="insurance-table__cell tw-flex tw-w-[10%] tw-justify-end tw-gap-2">
						            <button class="u-tactile">
							            <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
								            <rect width="21" height="21" rx="3" fill="#23bab9"/>
								            <path d="M10.4375 14.1484C11.3436 14.1484 12.0781 14.8891 12.0781 15.8028C12.0781 16.7166 11.3436 17.4573 10.4375 17.4573C9.53141 17.4573 8.79688 16.7166 8.79688 15.8028C8.79688 14.8891 9.53141 14.1484 10.4375 14.1484Z" fill="white"/>
								            <path d="M10.4375 9.07031C11.3436 9.07031 12.0781 9.81102 12.0781 10.7247C12.0781 11.6384 11.3436 12.3791 10.4375 12.3791C9.53141 12.3791 8.79688 11.6384 8.79688 10.7247C8.79688 9.81102 9.53141 9.07031 10.4375 9.07031Z" fill="white"/>
								            <path d="M12.0781 5.65441C12.0781 4.7407 11.3436 4 10.4375 4C9.53141 4 8.79688 4.74071 8.79688 5.65441C8.79688 6.56812 9.53141 7.30882 10.4375 7.30882C11.3436 7.30882 12.0781 6.56812 12.0781 5.65441Z" fill="white"/>
							            </svg>
						            </button>
					            </div>
				            </div>

				            <!-- toggle content -->
				            <div class="insurance-table__toggle tw-mx-auto tw-flex tw-w-[95%] tw-flex-col tw-gap-2 tw-px-2">

					            <div class="insurance-table__toggle-row tw-flex">
					                <div class="insurance-table__toggle-item tw-flex tw-items-center tw-w-[50%] tw-gap-2">
						                <span class="insurance-table__toggle-label">بازرسی: </span>
						                <span class="insurance-table__toggle-value">${booleanSvgResponse(item.inspectionDone)}</span>
					                </div>

					                <div class="insurance-table__toggle-item tw-flex tw-items-center tw-w-[50%] tw-gap-2">
						                <span class="insurance-table__toggle-label">بدهی: </span>
						                <span class="insurance-table__toggle-value">${booleanSvgResponse(item.debtDone)}</span>
					                </div>
					            </div>

					            <div class="insurance-table__toggle-row tw-flex">
					                <div class="insurance-table__toggle-item tw-flex tw-items-center tw-w-[50%] tw-gap-2">
						                <span class="insurance-table__toggle-label">تاییده کارفرما: </span>
						                <span class="insurance-table__toggle-value">${booleanSvgResponse(item.employerApproved)}</span>
					                </div>

					                <div class="insurance-table__toggle-item tw-flex tw-items-center tw-w-[50%] tw-gap-2">
						                <span class="insurance-table__toggle-label">ارسال لیست: </span>
						                <span class="insurance-table__toggle-value">${booleanSvgResponse(item.confirmSentlist)}</span>
					                </div>
					            </div>

					            <div class="insurance-table__toggle-row tw-flex">
					                <div class="insurance-table__toggle-item tw-flex tw-w-[50%] tw-gap-2">
						                <span class="insurance-table__toggle-label">شعبه تامین اجتماعی: </span>
						                <span class="insurance-table__toggle-value">${item.branch === `` ? `-` : item.branch}</span>
					                </div>

					                <div class="insurance-table__toggle-item tw-flex tw-w-[50%] tw-gap-2">
						                <span class="insurance-table__toggle-label">لیست مقطوع: </span>
						                <span class="insurance-table__toggle-value">${item.strFixedSalary}</span>
					                </div>
					            </div>

					            <div class="insurance-table__toggle-row tw-flex ">
						            <div class="insurance-table__toggle-item tw-flex tw-w-[50%] tw-gap-2">
							            <span class="insurance-table__toggle-label">شهرستان: </span>
							            <span class="insurance-table__toggle-value">${item.city === `` ? `-` : item.city}</span>
						            </div>

						            <div class="insurance-table__toggle-item tw-flex tw-w-[50%] tw-gap-2">
							            <span class="insurance-table__toggle-label">نوع ارسال لیست: </span>
							            <span class="insurance-table__toggle-value">${item.typeOfInsuranceSend}</span>
						            </div>
					            </div>

					            <div class="insurance-table__toggle-row tw-flex ">
						            <div class="insurance-table__toggle-item tw-flex tw-w-[100%] tw-gap-2">
							            <span class="insurance-table__toggle-label">نام کافرما:</span>
							            <span class="insurance-table__toggle-value">${item.employerName}</span>
						            </div>
					            </div>

					            <div class="insurance-table__toggle-row tw-flex ">
						             ${generateButtons(item, pathDSKKAR00, pathDSKWOR00)}
					            </div>

				            </div>
			            </div>`;

                        pageIndexJs++;
                    });
                } else {
                    const emptyHtml = `
                        <div class="text-center bg-white card py-5 d-flex align-items-center justify-content-center">
                            <div class="tw-w-full text-center">
                                <img src="/assetsclient/images/empty.png" alt="" class="img-fluid" style="margin: auto;" />
                                <h5>اطلاعاتی وجود ندارد.</h5>
                            </div>
                        </div>`;

                    html += emptyHtml;
                    htmlMobile += emptyHtml;
                }

                $("#load-data-html").append(html);
                $("#load-data-html-mobile").append(htmlMobile);
            });
    }
}

function generateButtons(item, pathDSKKAR00, pathDSKWOR00) {
    var html = '';
    var htmlMobile = '';
    
    var canShowActions = (currentAccountId === 1 && item.confirmSentlist) || !item.confirmSentlist;
    var isDisabled = item.isBlockCantracingParty === 'true' ? 'disable' : '';

    // Operations Button
    if (hasPermission_80217) {
        html += `
        <button class="tw-flex tw-items-center tw-justify-center tw-rounded-[5px] tw-bg-[#84D500] tw-w-full md:tw-w-[25px] tw-h-[25px] ${isDisabled}" onclick="openOperationsModal(${item.id})">
            <svg width="22" height="22" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M10.273 2.97957L14.6952 4.15881C15.1329 4.27555 15.4375 4.672 15.4375 5.12505V9.06233C15.4375 11.0685 14.4349 12.9418 12.7657 14.0546L10.0547 15.862C9.7188 16.0859 9.2812 16.0859 8.9453 15.862L6.2343 14.0546C4.56511 12.9418 3.5625 11.0685 3.5625 9.06234V5.12505C3.5625 4.672 3.86708 4.27555 4.30484 4.15881L8.72701 2.97957C9.23349 2.84451 9.76651 2.84451 10.273 2.97957Z" stroke="white" stroke-linecap="round"/>
                <path d="M7.52083 9.10156L8.92739 10.5081C9.02502 10.6058 9.18331 10.6058 9.28094 10.5081L11.875 7.91406" stroke="white" stroke-linecap="round"/>
            </svg>
            <span class="tw-flex md:tw-hidden tw-text-sm tw-text-white">تکمیل اطلاعات</span>
        </button>`;
    }

    if (item.inspectionDone && item.debtDone && item.employerApproved) {
        // Download Button
        if (hasPermission_80216) {
            html += `
        <a href="${downloadFileUrl}&path=${pathDSKWOR00}&fileName=DSKWOR00.dbf" download class="tw-flex tw-items-center tw-justify-center tw-rounded-[5px] tw-bg-[#6E6E6E] tw-w-full md:tw-w-[25px] tw-h-[25px] ${isDisabled}">
            <svg width="22" height="21" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M6.14905 7.1276L10.1074 11.0859M10.1074 11.0859L14.0657 7.1276M10.1074 11.0859L10.1074 3.96094" stroke="white" stroke-linecap="round"/>
                <path d="M4.5658 12.6641L4.5658 13.4557C4.5658 14.3302 5.27468 15.0391 6.14913 15.0391L14.0658 15.0391C14.9402 15.0391 15.6491 14.3302 15.6491 13.4557V12.6641" stroke="white" stroke-linecap="round"/>
            </svg>
            <span class="tw-flex md:tw-hidden tw-text-sm tw-text-white">دانلود</span>
        </a>`;
        }

        // Download Button
        if (hasPermission_80216) {
            html += `
        <a href="${downloadFileUrl}&path=${pathDSKKAR00}&fileName=DSKKAR00.dbf" download class="tw-flex tw-items-center tw-justify-center tw-rounded-[5px] tw-bg-[#414141] tw-w-full md:tw-w-[25px] tw-h-[25px] ${isDisabled}">
            <svg width="22" height="21" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M4.09973 9.87709C4.36561 10.8694 4.95149 11.7462 5.76649 12.3716C6.5815 12.997 7.58009 13.3359 8.60738 13.3359C9.63467 13.3359 10.6333 12.997 11.4483 12.3716C12.2633 11.7462 12.8492 10.8694 13.115 9.87709" stroke="white" stroke-linecap="round"/>
                <path d="M5.27405 5.9974L8.60738 8.66406M8.60738 8.66406L11.9407 5.9974M8.60738 8.66406L8.60738 2.66406" stroke="white" stroke-linecap="round"/>
            </svg>
            <span class="tw-flex md:tw-hidden tw-text-sm tw-text-white">دانلود</span>
        </a>`;
        }
    }

    if (item.inspectionDone && item.debtDone && item.employerApproved && item.confirmSentlist) {
        // Confirm List and Print Button
        if (hasPermission_80215) {
            html += `
        <a href="${insuranceConfirmUrl + `&id=` + item.id}" class="printModal tw-flex tw-items-center tw-justify-center tw-rounded-[5px] tw-bg-[#38BBF6] tw-w-full md:tw-w-[25px] tw-h-[25px] ${isDisabled}">
            <svg width="22" height="22" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="16" height="16" fill="#38BBF6"/>
                <path d="M12 9.0026H12.1111C12.6293 9.0026 12.8883 9.0026 13.0893 8.90891C13.3023 8.80955 13.4736 8.6383 13.573 8.42522C13.6666 8.2243 13.6666 7.96522 13.6666 7.44705V7.44705C13.6666 6.41071 13.6666 5.89255 13.4793 5.4907C13.2805 5.06455 12.938 4.72204 12.5119 4.52332C12.11 4.33594 11.5919 4.33594 10.5555 4.33594H6.06665C4.43893 4.33594 3.62508 4.33594 3.07467 4.78165C2.96606 4.8696 2.86697 4.96869 2.77902 5.0773C2.33331 5.6277 2.33331 6.44156 2.33331 8.06927V8.06927C2.33331 8.4762 2.33331 8.67966 2.44474 8.81726C2.46673 8.84442 2.4915 8.86919 2.51865 8.89118C2.65625 9.0026 2.85972 9.0026 3.26665 9.0026H3.99998" stroke="#FFFEFE"/>
                <path d="M4.33331 12.9703L4.33331 8.33073C4.33331 7.38792 4.33331 6.91652 4.62621 6.62362C4.9191 6.33073 5.3905 6.33073 6.33331 6.33073L9.66665 6.33073C10.6095 6.33073 11.0809 6.33073 11.3738 6.62362C11.6666 6.91652 11.6666 7.38792 11.6666 8.33073L11.6666 12.9703C11.6666 13.2869 11.6666 13.4452 11.5628 13.52C11.459 13.5948 11.3088 13.5448 11.0085 13.4447L9.8404 13.0553C9.75444 13.0267 9.71145 13.0123 9.66712 13.0136C9.6228 13.0149 9.58073 13.0318 9.49659 13.0654L8.18567 13.5898C8.09398 13.6265 8.04813 13.6448 7.99998 13.6448C7.95183 13.6448 7.90598 13.6265 7.81428 13.5898L6.50337 13.0654C6.41923 13.0318 6.37716 13.0149 6.33284 13.0136C6.28851 13.0123 6.24552 13.0267 6.15956 13.0553L4.99143 13.4447C4.69111 13.5448 4.54096 13.5948 4.43714 13.52C4.33331 13.4452 4.33331 13.2869 4.33331 12.9703Z" stroke="#FFFEFE"/>
                <path d="M6.33331 9L8.99998 9" stroke="#FFFEFE" stroke-linecap="round"/>
                <path d="M6.33331 11L9.66665 11" stroke="#FFFEFE" stroke-linecap="round"/>
                <path d="M11.6666 4.33073V4.33073C11.6666 3.52332 11.6666 3.11961 11.5395 2.79949C11.3565 2.33894 10.9918 1.9742 10.5312 1.79124C10.2111 1.66406 9.80739 1.66406 8.99998 1.66406H6.99998C6.19257 1.66406 5.78886 1.66406 5.46874 1.79124C5.00819 1.9742 4.64345 2.33894 4.46049 2.79949C4.33331 3.11961 4.33331 3.52332 4.33331 4.33073V4.33073" stroke="#FFFEFE"/>
            </svg>
            <span class="tw-flex md:tw-hidden tw-text-sm tw-text-white">پرینت</span>
        </a>`;
        }
    }

    if (item.inspectionDone || item.debtDone || item.employerApproved) {
        // Summary List and Print Button
        if (hasPermission_80214) {
            html += `
       <a href="${insuranceSummaryUrl + `&id=` + item.id}" class="printModal tw-flex tw-items-center tw-justify-center tw-rounded-[5px] tw-bg-[#2090C2] tw-w-full md:tw-w-[25px] tw-h-[25px] ${isDisabled}">
            <svg width="22" height="22" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="18" height="18" transform="translate(0.027832)" fill="#2090C2"/>
                <path d="M6.40283 9.375L11.6528 9.375" stroke="white" stroke-linecap="round"/>
                <path d="M6.40283 11.625L9.40283 11.625" stroke="white" stroke-linecap="round"/>
                <path d="M4.15283 5.025C4.15283 4.18492 4.15283 3.76488 4.31632 3.44401C4.46013 3.16177 4.6896 2.9323 4.97185 2.78849C5.29271 2.625 5.71275 2.625 6.55283 2.625H9.15872C9.52561 2.625 9.70905 2.625 9.88168 2.66645C10.0347 2.70319 10.1811 2.7638 10.3153 2.84604C10.4666 2.9388 10.5963 3.06852 10.8558 3.32794L13.1999 5.67206C13.4593 5.93148 13.589 6.0612 13.6818 6.21257C13.764 6.34678 13.8246 6.4931 13.8614 6.64615C13.9028 6.81878 13.9028 7.00223 13.9028 7.36911V12.975C13.9028 13.8151 13.9028 14.2351 13.7393 14.556C13.5955 14.8382 13.3661 15.0677 13.0838 15.2115C12.763 15.375 12.3429 15.375 11.5028 15.375H6.55283C5.71275 15.375 5.29271 15.375 4.97185 15.2115C4.6896 15.0677 4.46013 14.8382 4.31632 14.556C4.15283 14.2351 4.15283 13.8151 4.15283 12.975V5.025Z" stroke="white"/>
                <path d="M9.40283 2.625V4.725C9.40283 5.56508 9.40283 5.98512 9.56632 6.30599C9.71013 6.58823 9.9396 6.8177 10.2218 6.96151C10.5427 7.125 10.9628 7.125 11.8028 7.125H13.9028" stroke="white"/>
            </svg>
            <span class="tw-flex md:tw-hidden tw-text-sm tw-text-white">پرینت</span>
        </a>`;
        }
    }

    if (canShowActions) {
        if (hasPermission_80213) {
            html += `
                <a href="${editUrl}&id=${item.id}" class="tw-flex tw-items-center tw-justify-center tw-rounded-[5px] tw-bg-[#ADE7F2] tw-w-full md:tw-w-[25px] tw-h-[25px] ${isDisabled}">
                    <svg width="22" height="22" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect width="18.5047" height="18.5047" transform="translate(0.074707 0.679688)" fill="#ADE7F2"/>
                        <path d="M11.3213 5.25293C11.5664 5.19964 11.8217 5.20913 12.0635 5.28027L12.2178 5.33691C12.3659 5.40344 12.4945 5.49613 12.6152 5.59766C12.7711 5.72874 12.9467 5.90375 13.1504 6.10742L13.4326 6.39258C13.5184 6.48132 13.5946 6.56459 13.6602 6.64258C13.7953 6.80336 13.914 6.97832 13.9775 7.19434L14.0049 7.29883C14.0506 7.50888 14.0506 7.72647 14.0049 7.93652L13.9775 8.04102C13.914 8.25701 13.7953 8.43201 13.6602 8.59277C13.5946 8.67073 13.5184 8.75407 13.4326 8.84277L13.1504 9.12793L7.75879 14.5186C7.62672 14.6506 7.50929 14.7722 7.37793 14.8701L7.24121 14.959C7.14574 15.013 7.04539 15.0527 6.93848 15.0859L6.59766 15.1768L4.85938 15.6113C4.69519 15.6524 4.51668 15.6984 4.36816 15.7129C4.23271 15.7261 4.01567 15.7249 3.82324 15.584L3.74316 15.5146C3.53379 15.3053 3.52979 15.0444 3.54492 14.8896C3.55945 14.7411 3.60544 14.5626 3.64648 14.3984L4.08105 12.6602L4.17188 12.3193C4.20508 12.2124 4.24479 12.1121 4.29883 12.0166L4.3877 11.8799C4.48563 11.7485 4.60719 11.6311 4.73926 11.499L10.1299 6.10742L10.415 5.8252C10.5036 5.7396 10.5862 5.66312 10.6641 5.59766C10.8249 5.46245 11.0007 5.34385 11.2168 5.28027L11.3213 5.25293Z" stroke="#009EE2"/>
                        <path d="M9.7124 6.46393L12.0255 4.92188L14.3386 7.23496L12.7965 9.54804L9.7124 6.46393Z" fill="#009EE2"/>
                    </svg>
                    <span class="tw-flex md:tw-hidden tw-text-sm tw-text-[#009EE2]">ویرایش</span>
                </a>
                `;
        }

        if (hasPermission_80211) {
            html += `
                <button class="tw-flex tw-items-center tw-justify-center tw-rounded-[5px] tw-bg-[#DDD3E0] tw-w-full md:tw-w-[25px] tw-h-[25px] ${isDisabled}"
                        onclick="removeInsuranceList(${item.id}, '${pathDSKKAR00.replace(/\\/g, "-")}', '${pathDSKWOR00.replace(/\\/g, "-")}')">
                    <svg width="22" height="22" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect width="18.5047" height="18.5047" transform="translate(0.523438 0.523438)" fill="#DDD3E0"/>
                        <path d="M7.84814 11.7031L7.84814 9.39004" stroke="#BF3737" stroke-linecap="round"/>
                        <path d="M11.7031 11.7031L11.7031 9.39004" stroke="#BF3737" stroke-linecap="round"/>
                        <path d="M2.83643 5.53125H16.7149V5.53125C16.0652 5.53125 15.7403 5.53125 15.4745 5.60604C14.8039 5.79477 14.2799 6.31884 14.0911 6.98943C14.0163 7.25518 14.0163 7.58007 14.0163 8.22985V11.5546C14.0163 13.4402 14.0163 14.383 13.4305 14.9688C12.8448 15.5546 11.902 15.5546 10.0163 15.5546H9.53502C7.64941 15.5546 6.7066 15.5546 6.12081 14.9688C5.53502 14.383 5.53502 13.4402 5.53502 11.5546V8.22985C5.53502 7.58007 5.53502 7.25518 5.46023 6.98943C5.27151 6.31884 4.74744 5.79477 4.07685 5.60604C3.8111 5.53125 3.48621 5.53125 2.83643 5.53125V5.53125Z" stroke="#BF3737" stroke-linecap="round"/>
                        <path d="M7.84799 3.22434C7.84799 3.22434 8.2335 2.45312 9.77556 2.45312C11.3176 2.45312 11.7031 3.22415 11.7031 3.22415" stroke="#BF3737" stroke-linecap="round"/>
                    </svg>
                    <span class="tw-flex md:tw-hidden tw-text-sm tw-text-[#BF3737]">حذف</span>
                </button>
                `;
        }
    }

    htmlMobile += `
    <div class="tw-grid tw-grid-cols-3 tw-gap-2 tw-mt-6 tw-w-full">
        ${html}    
    </div>
    `;

    return isMobile ? htmlMobile : html;
}

function booleanSvgResponse(bool) {
    var svg = ``;
	if (bool) {
        svg = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <circle cx="12" cy="12" r="8" fill="#A7E1C7"/>
            <path d="M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6" stroke="#00B521" stroke-width="1.2" stroke-linecap="round"/>
            <path d="M19.3578 10.5465C19.6899 12.2277 19.4363 13.9719 18.6391 15.4889C17.8419 17.0059 16.5493 18.2041 14.9763 18.8842C13.4033 19.5642 11.6449 19.6851 9.99369 19.2267C8.34247 18.7682 6.89803 17.7582 5.90077 16.3646C4.90351 14.9709 4.41358 13.2778 4.51251 11.567C4.61144 9.85619 5.29327 8.23085 6.44453 6.96147C7.59578 5.6921 9.14703 4.85527 10.8401 4.59024C12.5331 4.32521 14.2659 4.64797 15.75 5.50481" stroke="#00B521" stroke-linecap="round"/>
        </svg>`;
    } else {
        svg = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <circle cx="12" cy="12" r="9" fill="#E0C7D2"/>
            <path d="M16 8L8 16" stroke="#E54B4B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
            <path d="M8 8L16 16" stroke="#E54B4B" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>`;
    }
    return svg;
}

function convertMonthToString(value) {
    var result = ``;

    switch (value) {
        case "01":
            result = "فروردین";
            break;
        case "02":
            result = "اردیبهشت";
            break;
        case "03":
            result = "خرداد";
            break;
        case "04":
            result = "تیر";
            break;
        case "05":
            result = "مرداد";
            break;
        case "06":
            result = "شهریور";
            break;
        case "07":
            result = "مهر";
            break;
        case "08":
            result = "آبان";
            break;
        case "09":
            result = "آذر";
            break;
        case "10":
            result = "دی";
            break;
        case "11":
            result = "بهمن";
            break;
        case "12":
            result = "اسفند";
            break;
        default:
            result = "بدون ماه";
            break;
    }
    
    return result;
}

function openOperationsModal(id) {
    var url = `#showmodal=` + openOperationsModalUrl + `&id=${id}`;
    window.location.href = url;
}

function removeInsuranceList(id, pathDSKKAR00, pathDSKWOR00) {
    swal({
            title: "توجه داشته باشید با تایید این پیام، اطلاعات لیست مورد نظر بطور کامل از بانک اطلاعاتی حذف خواهد شد.",
            text: "",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "بله",
            cancelButtonText: "خیر",
            closeOnConfirm: true,
            closeOnCancel: true
        },
        function (isConfirm) {
            if (isConfirm) {
                ajaxService.post(removeInsuranceListUrl, { "id": id, "pathDSKKAR00": pathDSKKAR00, "pathDSKWOR00": pathDSKWOR00 }, false)
                    .then(response => {
                        $.Notification.autoHideNotify('success', 'top center', 'پیام سیستم ', response.message);

                        // Reload Function
                        var $activeTab = $('.tab-bar__tab--active');
                        var activeValue = $activeTab.val();

                        pageIndexJs = 0;
                        $("#load-data-html-mobile").html('');
                        $('#load-data-html').html('');
                        loadGetTabCounts();
                        loadSearchNew(activeValue);
                    });
            }
        });
}