<?php
session_start();
if(isset($_SESSION['userId'])){
    include_once dirname(__FILE__) .'/php/constants.php';
}else{
    header('location: login.php');
}

?>

<!DOCTYPE html>
<html lang="en-US">
     <head>

     <meta http-equiv='cache-control' content='no-cache'>
     <meta http-equiv='expires' content='0'>
     <meta http-equiv='pragma' content='no-cache'>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     
     <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
     <link  href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" rel="stylesheet">
     <!--<link href="https://principleacs.net/FTA_WEB_PORTAL_V5/css/fontawesome.css?version= 0.4" rel="stylesheet">-->
     
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.12.1/datatables.min.css"/>
    <link href="https://cdn.datatables.net/buttons/2.0.0/css/buttons.dataTables.min.css" rel="stylesheet">
    <link href="https://cdn.datatables.net/1.11.1/css/jquery.dataTables.min.css" rel="stylesheet">
    
     <link href="DashBoard/css/style.css?version= 2.1" rel="stylesheet">
    
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
     
     <!--datatable start-->
     <script src="https://cdn.datatables.net/1.11.1/js/jquery.dataTables.min.js"></script>   <!--datatable print-->
    <script src="https://cdn.datatables.net/buttons/2.0.0/js/dataTables.buttons.min.js"></script> <!--datatable -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>  <!--datatable zip file download-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script> <!--datatable PDF download-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script> <!--datatable-->
    <script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.html5.js"></script> <!--datatable download Excel-->
    <script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.print.min.js"></script> <!--datatable print-->
    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
     <!--datatable end-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/progressbar.js/1.0.1/progressbar.min.js"></script> <!--Dash board progres bar claims count-->
    
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.7.7/xlsx.core.min.js"></script> <!--convert Excel to table-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/xls/0.7.4-a/xls.core.min.js"></script> <!--convert Excel to table-->
    
     <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"><!--resize advance div purpose-->
<style>
    .bg-light-success{
        background-color:#d4ffde!important;
    }
    .bg-light-danger{
        background-color:rgba(255, 0, 0, 0.14)!important;
    }
    .sideNav,.chartsDiv{
         transition: 0.5s;
    }
    .sideNavToggleClass .sideNavSiteVisitPart .subTabs{
        display:none;
    }
    .sideNavToggleClass .sideNav{
            max-width: 4.333333%;
            flex:4.333333%;
    }
    .sideNavToggleClass .chartsDiv{
            max-width: 95.666666%;
            flex:95.666666%;
    }
    .sideNavToggleClass .hide_OnMinSideNav,
    .sideNavToggleClass .bellIconSpan,
    .sideNavToggleClass .logoutBtn,
    .sideNavToggleClass .about div{
        display:none!important;
    }
    .sideNavToggleClass .profileImg{
        margin:auto;
        width:100%;
        height:100%;
    }
    /*.sideNavToggleClass .subTabs button{*/
    /*    font-size:10px;*/
    /*}*/
    /*.subTabs button{*/
    /*    font-size:13px;*/
    /*}*/
    .sideNavToggleClass .sideNavSiteVisitPart .category  button,
    .sideNavToggleClass .subTabs{
        text-align: center!important;
        padding-left: 0!important;
    }
    .sideNavToggleClass .sideNavSitesInfoPart,
    .sideNavToggleClass .sideNavSitesInfoPart  ul,
    .sideNavToggleClass .category,
    .sideNavToggleClass .about,
    .sideNavToggleClass .category i{
        padding:0px!important;
    }
    .sideNavToggleClass .sideNavSitesInfoPart ul li{
        padding-left:0!important;
        padding-right:0!important;
    }
    .sideNavToggleClass .sideNavSitesInfoPart li a p{
        margin:auto;
    }
    .sideNavToggleClass .sideNavSitesInfoPart li {
        text-align:center;
    }
    /*.sideNavToggleClass .sideNavFTAImageDiv img{*/
    /*        margin-left: -10px;*/
    /*}*/

    .invoiceReportDiv .subTabs{
        height: 100px;
        transition:height 2s;
    }
    .invoiceReportDiv .subTabs.collapse{
        height:0px;
    }
    /*.invoiceReportDiv .subTabs.expand{*/
        
    /*}*/
    .sideNavBarToggleIcon i{
        color: #6f7bd9;
        margin-right: -15px;  
        background: #f4f5f7;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        padding-left: 8px;
        padding-right: 10px;
        padding-top: 5px!important;
        padding-bottom: 5px !important;
        font-size: 14px;
    }
    .sideNavBarToggleIcon{
        width: fit-content;
        margin-left: auto;
    }
    /*#uploadPendingInvoiceReports::-webkit-file-upload-button,*/
    /*#uploadPendingPaymentDetails::-webkit-file-upload-button{*/
    /*        background: #2222225c;*/
    /*}*/
    #uploadPendingReportSubmitions,
    #uploadPendingInvoiceReports,
    #uploadPendingPaymentDetails{
        font-weight: 700;
        font-size: 13px;
        border-radius: 10px;        
        
    }
    
    #uploadPendingReportSubmitions::-webkit-file-upload-button,
    #uploadPendingInvoiceReports::-webkit-file-upload-button,
    #uploadPendingPaymentDetails::-webkit-file-upload-button{
        color: white;
        display: inline-block;
        background: #212529e0;
        border: none;
        padding: 12px 15px;
        font-weight: 600;
        border-radius: 3px;
        white-space: nowrap;
        cursor: pointer;
        font-size: 13px;
    }
    .pendingReportUpdatedTableDiv,
    .pendingInvoiceUpatedTableDiv,
    .pendingPaymentUpdateTableDiv{
        display:none;
    }
    .updateAndUploadReportExcelDiv .submitBtnDiv,
    .updateAndUploadInvoiceExcelDiv .submitBtnDiv,
    .updateAndUploadPaymentExcelDiv .submitBtnDiv{
        display:none;
    }
    
    /*----------------------in pending invoice after upload changes in ui--------------------------*/
    .afterUploadExcelTemplate.updateAndUploadReportExcelDiv,
    .afterUploadExcelTemplate.updateAndUploadInvoiceExcelDiv,
    .afterUploadExcelTemplate.updateAndUploadPaymentExcelDiv{
        background-color:white;
        border-radius: 16px;
        box-shadow: rgb(0 0 0 / 12%) 0px 1px 2px, rgb(0 0 0 / 5%) 0px 0px 0px 1px;
    }
    .afterUploadExcelTemplate.updateAndUploadReportExcelDiv #uploadPendingReportSubmitions,
    .afterUploadExcelTemplate.updateAndUploadInvoiceExcelDiv #uploadPendingInvoiceReports,
    .afterUploadExcelTemplate.updateAndUploadPaymentExcelDiv #uploadPendingPaymentDetails{
        margin-left: inherit!important;
    }
    .afterUploadExcelTemplate.updateAndUploadReportExcelDiv .note,
    .afterUploadExcelTemplate.updateAndUploadInvoiceExcelDiv .note,
    .afterUploadExcelTemplate.updateAndUploadPaymentExcelDiv .note{
        text-align:left!important;
    }
    .uploadOption_Div{
        height: 40Vh;
        border: 1px solid;
        display: flex
    }
    .afterUploadExcelTemplate.updateAndUploadReportExcelDiv .uploadOption_Div,
    .afterUploadExcelTemplate.updateAndUploadInvoiceExcelDiv .uploadOption_Div,
    .afterUploadExcelTemplate.updateAndUploadPaymentExcelDiv .uploadOption_Div{
        height: auto!important;
        border: 0px!important;
        display: flex!important;
        margin: 15px 0px;
        border-bottom: 1px solid #e3e3e3 !important;
    }
    .afterUploadExcelTemplate.updateAndUploadReportExcelDiv .pendingReportUpdatedTableDiv,
    .afterUploadExcelTemplate.updateAndUploadInvoiceExcelDiv .pendingInvoiceUpatedTableDiv,
    .afterUploadExcelTemplate.updateAndUploadPaymentExcelDiv .pendingPaymentUpdateTableDiv{
        display:block;
    }
   .afterUploadExcelTemplate #uploadPendingReportSubmitions::-webkit-file-upload-button,
   .afterUploadExcelTemplate #uploadPendingInvoiceReports::-webkit-file-upload-button,
   .afterUploadExcelTemplate #uploadPendingPaymentDetails::-webkit-file-upload-button{
        padding: 7px 12px;
    }
    .afterUploadExcelTemplate.updateAndUploadReportExcelDiv .submitBtnDiv,
    .afterUploadExcelTemplate.updateAndUploadInvoiceExcelDiv .submitBtnDiv,
    .afterUploadExcelTemplate.updateAndUploadPaymentExcelDiv .submitBtnDiv{
        display:inline-block;
    }
    .invoiceReportDiv #invoiceReportsBtn_popover,
    .sideNavToggleClass #invoiceReportsBtn{
        display:none;
    }
    .sideNavToggleClass .invoiceReportDiv #invoiceReportsBtn_popover{
        display:initial;
    }
    .popover{
        border-radius: 18px;
        max-width: 230px;
    }
    .popover-header{
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
        padding-left:23px;
        background: #5664d2;
        color: #fff;
        font-weight: 700;
    }
    /*--------------------------------end-------------------------------------------------------*/
</style>
 </head>
<body class=<?php echo  json_encode($_SESSION["teamLeads"])?>>
         <nav class="navbar navbar-expand-lg bg-violate navbar-dark">
             <a class="navbar-brand" href="#">
                 <img src="addSite/public/pacslogo.jpg" alt="Navbar" />
             </a>
             <button class="navbar-toggler bg-dark" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
             <div class="collapse navbar-collapse" id="navbarSupportedContent">
                 <ul class="navbar-nav ml-5 mobile">
                     <li class="nav-item">
                         <a class="nav-link"  data-toggle="userProfilePopover" title="<?php  echo '<b>EmpId </b><span>'.$_SESSION['userId'].'</span>'?>" data-content="<?php  echo '<b>Name: </b><span>'.$_SESSION['userName'].'</span><br><b>Email: </b><span>'.$_SESSION["userMail"].'</span><br><b>Designation:</b><span>'.$_SESSION["teamLeads"].'</span>'?><br><a class='btn btn-color mt-2 d-block' href=<?php  echo LOGOUT_URL ?>>Log Out</a>">About</a>
                     </li>
                 </ul>
         </div>
     </nav>
    <section id="loaderMainSection" class="empAdvAmtTabLoader">
        <div class="loader-page position-fixed w-100 h-100">
            <section>
                <div class="loaderDiv p-4">
                    <div class="position-relative closeIconDiv">
                        <i class="fas fa-times" data-toggle="Abbrevation_tooltip" title="Close"></i>
                    </div>
                    <ul class="pl-4 mb-0">
                        <li class="loadingList_validatingExcelTemplate mb-2">
                            <p class="listItemData mb-0"><span>Validating Excel Template. </span><i class="spinner-border" style="width:1rem;height:1rem"></i> </p>
                            <ul class="pl-4">
                                <li class="error text-danger">Invalid Template <button class="btn  btn-danger loadingPageshowBtn" data-id="invalidTemplate">show</button></li>
                            </ul>
                        </li>
                        <li class="loadingList_validatingTransactionId mb-2">
                            <p class="listItemData mb-0"><span>Validating Transaction-Id's.</span> <i class="spinner-border" style="width:1rem;height:1rem"></i> </p>
                            <ul  class="pl-4">
                                <li class="error duplicateTransactionId text-danger">Duplicate Transaction-Id's found<button class="btn  btn-danger loadingPageshowBtn" data-id="DuplicateTransactionIds">show</button></li>
                                <li class="error invalidEmpId text-danger">Invalid EmpId's found<button class="btn  btn-danger loadingPageshowBtn" data-id="invalidEmpIds">show</button></li>
                            </ul>
                        </li>
                        <li class="loadingList_updatingAdvAmtDetails mb-2">
                            <p class="listItemData mb-0"><span>Updating advance amount details.</span> <i class="spinner-border" style="width:1rem;height:1rem"></i> </p>
                            <ul class="pl-4 uploadingRecordsDetails_li">
                                <li class="error text-danger">EmpIds Invalid <button class="btn btn-danger loadingPageshowBtn" data-id="invalidEmpIds">show</button></li>
                                <table><tbody style="line-height:1">
                                            <tr><td><li>Total Records </li></td><td>: <span class="totalRecords">110</span></td></tr>
                                            <tr>
                                                <td>
                                                    <li>Existing Records </li>
                                                </td>
                                                <td>: <span class="exitingRecords">110</span> 
                                                    <button class="btn btn-danger loadingPageshowBtn exitingRecordsBtn" data-toggle="modal" data-target="#DuplicateTransactionDetailsModalPopup" data-id="sameTransctnDetailsInServer">View</button>
                                                </td>
                                            </tr>
                                            <tr><td><li>Submited Records </li></td><td>: <span class="submitedRecords">0</span></td></tr>
                                        </tbody>
                                </table>
                            </ul>
                        </li>
                    </ul>
                     <div class="resultMessage text-center">
                     </div>
                    <button class="m-auto btn btn-theme-type2 retryBtn"> Retry</button> 
                </div>  
            </section>
        </div>
    </section>
    <section id="contentMainSection">
        <div class="container-fluid position-absolute h-100">
            <div class="row row_main justify-content-md-end h-100 ">
                <div class="col-md-2 sideNav position-fixed fixed-start">
                    <div class="cursor-pointer sideNavBarToggleIcon" data-sidenav-status="Open">
                       <i class="fas fa-arrow-left"></i>
                    </div>
                    <div class=" about p-2 d-flex mt-3 align-items-center">
                        <img class="profileImg" src="defaultImages/user.png" 
                             data-toggle="userProfilePopover" 
                             title="<?php  echo '<b>EmpId </b><span>'.$_SESSION['userId'].'</span>'?>" 
                             data-content="<?php  echo '<b>Name: </b><span>'.$_SESSION['userName'].'</span><br><b>Email: </b><span>'.$_SESSION["userMail"].'</span><br><b>Designation:</b><span>'.$_SESSION["teamLeads"].'</span>'?>" />
                        <div class="ml-4 d-inline-block">
                            <b class="d-block userName"><?php  echo $_SESSION['userName']?></b>
                            <b><?php  echo $_SESSION['userId']?></b>
                        </div>
                    </div>
                    <div class="logoutBtn">
                        <a class="btn  btn-theme-type1  mt-2 d-block" href="<?php echo LOGOUT_URL ?>">Log Out</a>
                    </div>
                    <hr>
                    <div class="sideNavSiteVisitPart">
                        <ul class="m-0" style="list-style-type: none;padding: 0;">
                            <ul class="category " >
                                <button id="dashBoradTabBtn" class="btn  sideNavtab w-100 text-left p-0 py-2 pl-3" data-id="dashBoradTabContent"><i class="fas fa-tachometer-alt pr-2" data-toggle="tooltip" title="DashBoard"></i><span class="hide_OnMinSideNav"> DashBoard</span></button>
                                <button id="ftaPolicy" class="btn  sideNavtab w-100 text-left p-0 py-2 pl-3" data-id="ftaPolicyTabContent"><i class="fas fa-clipboard-list pr-2" data-toggle="tooltip" title="FTA Policy"></i><span class="hide_OnMinSideNav"> FTA Policy</span></button>
                                <div class="invoiceReportDiv">
                                    <button id="invoiceReportsBtn" class="btn sideNavtab w-100 text-left p-0 py-2 pl-3 mb-1" data-id="invoiceReportTabContent">
                                        <!--data-toggle="invoiceReportPopover"-->
                                        <i class="fas fa-file-invoice-dollar pr-2"></i>
                                        <span class="hide_OnMinSideNav"> Invoices & Reports</span>
                                    </button>
                                    <button id="invoiceReportsBtn_popover" class="btn sideNavtab  w-100 text-left p-0 py-2 pl-3 mb-1" data-id="invoiceReportTabContent" data-toggle="invoiceReportPopover" title="Invoices & Reports" data-content="<div class='subTabs_popover'><button class='allRecentInvoiceReports btn w-100 text-left p-0 pl-3 mb-1' data-id='allInvoicesAndReports'>All</button>
                                        <button class='btn w-100 text-left p-0 pl-3 mb-1' data-id='pendingReportsDetails'>Pending Reports</button>
                                        <button class='btn w-100 text-left p-0  pl-3 mb-1' data-id='pendingInvoicesReports'>Pending Invoices</button>
                                        <button class='btn w-100 text-left p-0  pl-3' data-id='pendingPaymentDetails'>Pending Payments</button></div>">
                                        <i class="fas fa-file-invoice-dollar pr-2"></i>
                                    </button>
                                    <div class="subTabs p-0 pl-5 collapse" >
                                        <button class="allRecentInvoiceReports btn w-100 text-left p-0 pl-3 mb-1" data-id="allInvoicesAndReports">All</button>
                                        <button class="btn w-100 text-left p-0 pl-3 mb-1" data-id="pendingReportsDetails">Pending Reports</button> <!--id="pendingReports" -->
                                        <button class="btn w-100 text-left p-0  pl-3 mb-1" data-id="pendingInvoicesReports">Pending Invoices</button> <!--id="pendingInvoiceReports"-->
                                        <button class="btn w-100 text-left p-0  pl-3" data-id="pendingPaymentDetails">Pending Payments</button> <!--id="pendingPayments"-->
                                    </div>
                                </div>
                                <button id="employeeAdvanceTabBtn" class="btn  sideNavtab w-100 text-left p-0 py-2 pl-3" data-id="employAdvanceTabContent"><i class="fas fa-hand-holding-usd pr-2" data-toggle="tooltip" title="Employee Advance Info"></i><span class="hide_OnMinSideNav">Employee Advance Info</span></button>
                                <div class="d-flex align-items-center position-relative">
                                    <button class="btn  sideNavtab w-100 text-left p-0 py-2 pl-3" data-id="employeeInfoTabContent"><i class="fas fa-info-circle pr-2" data-toggle="tooltip" title="Employee Info"></i> <span class="hide_OnMinSideNav">Employee Info</span></button>
                                    <div class="notificationDiv ">
                                        <span class="mr-2 bellIconSpan"><i class="fas fa-bell" style="font-size:15px"></i></span>
                                        <sup class="newEmpsNotificationNo"></sup>
                                    </div>
                                </div>
                            </ul>
                        </ul>
                    </div>
                    <div class="sideNavSitesInfoPart pl-3">
                        <ul style="list-style-type: none;padding: 0;">
                            <li class="font-weight-bold py-2">Sites</li>
                            <ul class="category pl-3" >
                                <li class="px-3 py-1">
                                    <a href="addSite/" target="_blank" class="d-flex"><p class="mb-0 mr-auto"><i class="fas fa-map-pin pr-2" data-toggle="tooltip" title="Add Sites"></i> <span class="hide_OnMinSideNav"> Add Sites</span></p><p class="mb-0 ml-auto hide_OnMinSideNav">&gt;</p></a>
                                </li>
                                <li class="px-3 py-1">
                                    <a href="siteVisit/" target="_blank" class="d-flex"><p class="mb-0 mr-auto"><i class="fas fa-map-marked-alt pr-2" data-toggle="tooltip" title="Site Visits"></i> <span class="hide_OnMinSideNav"> Site Visits </span></p><p class="mb-0 ml-auto hide_OnMinSideNav">&gt;</p></a>
                                </li>
                                <li class="px-3 py-1">
                                    <a href="normalVisit/" target="_blank" class="d-flex"><p class="mb-0 mr-auto"><i class="fas fa-route pr-2" data-toggle="tooltip" title="Normal Visits"></i><span class="hide_OnMinSideNav"> Normal Visits</span></p><p class="mb-0 ml-auto hide_OnMinSideNav">&gt;</p></a>
                                </li>
                            </ul>
                        </ul>
                    </div>
                    <div class="position-absolute sideNavFTAImageDiv" style="bottom: 0%; width: 50%;">
                        <!--<img src="defaultImages/navSideFTAImage.png" class="w-100">-->
                    </div>
                    
                </div>
                
                <div class="col-md-10 chartsDiv">
                    <!-------------------------DashBorad Info Tab content------------------>
                    <div class="dashBoradTabContent tabContent">
                        <div class="dateForm my-2">
                            <form id="fromRequestCircleData" class="d-flex">
                                <!--<input type="date" class="form-control mb-0" name="fromDate" value="2021-01-01"/>-->
                                <div class="d-flex align-items-center">
                                    <select class="form-control circle mainCircleDropDown"></select>
                                </div>
                                <div class="d-flex ml-auto align-items-center">
                                    <select class="form-control mr-2 month" name="month">
                                        <option value="All">All</option>
                                        <option value="01">January</option>
                                        <option value="02">February</option>
                                        <option value="03">March</option>
                                        <option value="04">April</option>
                                        <option value="05">May</option>
                                        <option value="06">June</option>
                                        <option value="07">July</option>
                                        <option value="08">August</option>
                                        <option value="09">September</option>
                                        <option value="10">October</option>
                                        <option value="11">November</option>
                                        <option value="12">December</option>
                                    </select>
                                    <!--<input type="date" class="form-control mb-0 ml-1" name="toDate" value="2021-09-01"/>-->
                                    <select class="form-control year" name="year"></select>
                                    <button type="submit" class="btn bg-theme-color text-white ml-2 formSubmit"><i class="fas fa-search"></i></button>
                                </div>
                            </form>
                        </div>
                        <div class="section fortNightClaimsCountDiv mt-3 w-100 px-3 pt-2 pb-3">
                           
                        </div>
                        <div class="multiSectionDev d-flex mt-3">
                            <div class="section siteVisitsPerAnnum bg-white mr-2  p-3">
<!--                                <div class="headerDiv d-flex"><h5 class="subHeading  position-absolute">No Of SiteVisits</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>-->
                            </div>
                            <div class="section overAllFortNightAmounts bg-white ml-2 p-3">
                                <!--<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"></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>-->
                            </div>
                        </div>
                        <div class="section multiSectionDev circleWiseSiteVisits_noOfSiteProjects_main bg-white mt-3 p-3">
                           <!-- <div class="circleWiseSiteVisitsDetailsLinechart bg-white ">
                                <h5 class="subHeading mb-0">Circle Wise SiteVisits</h5>
                                <div id="circleWiseSiteVisitsDetailsLinechart_mainDiv" height="500" width="900"></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-primary">
                                        <span class="d-flex">more <i class="fas fa-angle-down ml-2 align-self-center"></i></span>
                                    </button>
                                </div>-->
                        </div>
                        <div class="section claimDetailsOfIndividuals bg-white mt-3 p-3">
                            <div class="headerDiv d-flex mb-4">
                                <!--<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>-->
                            </div>
                            <div id="claimDetailsOfIndividuals_mainDiv">
                                <table id="claimDetailsTable" class="table table-hover w-100">
                                    <thead>
                                        <tr>
                                            <th>S.NO</th>
                                            <th>EMP ID</th>
                                            <th>NAME</th>
                                            <th>FORTNIGHT</th>
                                            <th data-toggle="Abbrevation_tooltip" title="FORTNIGHT STATUS" >STATUS</th>
                                            <th>EMP CIRCLE</th>
                                            <th data-toggle="Abbrevation_tooltip" title="NO OF SITE VISITS" >SV</th>
                                            <th data-toggle="Abbrevation_tooltip" title="WORKING DAYS" >WD</th>
                                            <th >TL NAME</th>
                                            <th >TL ID</th>
                                            <th data-toggle="Abbrevation_tooltip" title="ENGINEER OTHER BILLS" >EOB</th>
                                            <th data-toggle="Abbrevation_tooltip" title="ENGINEER HOTEL BILLS" >EHB</th>
                                            <th data-toggle="Abbrevation_tooltip" title="ENGINEER FINAL_AMOUNT" >EFA</th>
                                            <th data-toggle="Abbrevation_tooltip" title="TL APPROVED OTHER BILLS" >TOB</th>
                                            <th data-toggle="Abbrevation_tooltip" title="TL APPROVED HOTEL BILLS" >THB</th>
                                            <th data-toggle="Abbrevation_tooltip" title="TL APPROVED FINAL AMOUNT" >TAFA</th>
                                            <th data-toggle="Abbrevation_tooltip" title="TL DEDUCT AMOUNT" >TL(+/-)</th>
                                            <th data-toggle="Abbrevation_tooltip" title="FINANCE APPROVED OTHER BILLS">FOB</th>
                                            <th data-toggle="Abbrevation_tooltip" title="FINANCE APPROVED HOTEL BILLS">FHB</th>
                                            <th data-toggle="Abbrevation_tooltip" title="FINANCE APPROVED FINAL AMOUNT">FFA</th>
                                            <th data-toggle="Abbrevation_tooltip" title="FINANCE DEDUCT AMOUNT">FNCN(+/-)</th>
                                            <!--<th data-toggle="Abbrevation_tooltip" title="FROM DATE">FROM DATE</th>-->
                                            <!--<th data-toggle="Abbrevation_tooltip" title="TO DATE">TO DATE</th>-->
                                            <th data-toggle="Abbrevation_tooltip" title="TOTAL FTA">TF</th>
                                            <th data-toggle="Abbrevation_tooltip" title="TOTAL ADVANCE GIVEN">ADV</th>
                                            <th data-toggle="Abbrevation_tooltip" title="ADVANCE RELEASED STATEMENTS">STMT</th>
                                            <th data-toggle="Abbrevation_tooltip" title="PREVIOUS ADJUSTMENT">PREV ADJT</th>
                                            <th data-toggle="Abbrevation_tooltip" title="FINAL PAYABLE VALUE">FPV</th>
                                            <th class="text-center">REASON</th>
                                      </tr>
                                    </thead>
                                    <tbody id="claimDetailsTableBody"></tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!-------------------------end------------------>
                    <!-------------------------FTA Policy Tab content------------------>
                    <div class="ftaPolicyTabContent tabContent">
                        <div class="row justify-content-center">
                            <div class="col-md-8 my-5">
                                <div class="section bg-white">
                                    <table class="table table-hover text-center mb-0">
                                        <thead>
                                            <tr>
                                                <th class="border-right"><p class="mb-0">Existing KM slabs which considers onward journey and also paid for same return travel default</p><p class="mb-0">(KM)</p></th>
                                                 <th class="border-right"><p class="mb-0">FTA Against Slab</p><p class="mb-0">(RS)</p></th>
                                                 <th><p class="mb-0">New KM slabs which covers the total journey per day</p><p class="mb-0">(KM)</p></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr><td>0-50</td><td>410</td><td>0-100</td></tr>
                                            <tr><td>51-100</td><td>560</td><td>101-200</td></tr>
                                            <tr><td>101-150</td><td>735</td><td>201-300</td></tr>
                                            <tr><td>151-200</td><td>870</td><td>301-400</td></tr>
                                            <tr><td>201-250</td><td>1030</td><td>401-500</td></tr>
                                            <tr><td>251-300</td><td>1190</td><td>501-600</td></tr>
                                            <tr><td>301-350</td><td>1333</td><td>601-700</td></tr>
                                            <tr><td>351-400</td><td>1475</td><td>701-800</td></tr>
                                            <tr><td>401-450</td><td>1588</td><td>801-900</td></tr>
                                            <tr><td>451-500</td><td>1700</td><td>901-1000</td></tr>
                                            <tr><td>501-550</td><td>1835</td><td>1001-1100</td></tr>
                                            <tr><td>551-600</td><td>1970</td><td>1101-1200</td></tr>
                                            <tr><td>601-650</td><td>2110</td><td>1201-1300</td></tr>
                                            <tr><td>651-700</td><td>2250</td><td>1301-1400</td></tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <h2 class="text-center">Field Travel Allowances Policy</h2>
                    </div>
                    <!-------------------------end------------------>
                    <!------------------------------------------Invoices & Reports-------------------------------------------->
                    <div class="invoiceReportTabContent tabContent p-4">
                        <!--All invoices Ui-->
                        <div class="row justify-content-center allInvoicesAndReports tabSubContent">
                            <div class="col-md-12">
                                <?php
                                    $invoiceReportsSearchBy_Ui='
                                    <div class="row mt-1">
                                    <div class="col-md-6 d-flex align-items-baseline">
                                        <h6 class="mr-2">Search By  </h6>
                                        <select class="searchByDropDown form-control">
                                            <option>Date</option>
                                            <option>SiteId</option>
                                            <option>PONo</option>
                                        </select>
                                    </div>
                                    <div class="col-md-6" style="justify-content: end;">
                                        <div>
                                            <form class="invoiceReportForm searchBySiteId justify-content-end d-none" data-reference="siteId">
                                                <input type="text" class="form-control w-25 mr-2" name="siteId" placeholder="Search Site-Id" required>
                                                <button type="submit" class="btn submitBtn bg-theme-color float-right text-white"><i class="fas fa-search"></i></button>
                                            </form>
                                        </div>
                                        <div>
                                            <form class="invoiceReportForm searchByDate justify-content-end d-flex active" data-reference="date">
                                                <select class="form-control year mr-2 align-self-center" name="year" required></select>
                                                <select class="form-control mr-1 month" name="monthName" required>
                                                    <option value="All">All</option>
                                                    <option value="January">January</option>
                                                    <option value="February">February</option>
                                                    <option value="March">March</option>
                                                    <option value="April">April</option>
                                                    <option value="May">May</option>
                                                    <option value="June">June</option>
                                                    <option value="July">July</option>
                                                    <option value="August">August</option>
                                                    <option value="September">September</option>
                                                    <option value="October">October</option>
                                                    <option value="November">November</option>
                                                    <option value="December">December</option>
                                                </select>
                                                <button type="submit" class="btn submitBtn bg-theme-color float-right text-white"><i class="fas fa-search"></i></button>
                                            </form>
                                        </div>
                                        <div>
                                            <form class="invoiceReportForm searchByPONo justify-content-end d-none" data-reference="PONo">
                                                <input type="text" class="form-control w-25 mr-2" name="PONo" placeholder="Search PO Number" required>
                                                <button type="submit" class="btn submitBtn bg-theme-color float-right text-white"><i class="fas fa-search"></i></button>
                                            </form>
                                        </div>
                                    </div>
                                </div>';
                                echo $invoiceReportsSearchBy_Ui;
                                ?>
                                
                                <div class="row section p-3 bg-white mt-2">
                                    <table id="allInvoiceReportsDetailsTable" class="table fade-tabl m-0 w-100">
                                           <thead><tr>
                                                        <th>S.No</th>
                                                        <th>SiteId</th>  
                                                        <th data-toggle="Abbrevation_tooltip" title="Payment Status">Status</th>
                                                        <th>Project</th>
                                                        <th data-toggle="Abbrevation_tooltip" title="Stage Of Audit">StageOf Audit</th>
                                                        <th data-toggle="Abbrevation_tooltip" title="Site Visit Date">siteVisit Date</th>
                                                        <th data-toggle="Abbrevation_tooltip" title="Site Assigned To EmpId">EmpId</th>
                                                        <th data-toggle="Abbrevation_tooltip" title="Site Assigned To EmpName">EmpName</th>
                                                        <th>TL Id</th>
                                                        <th>TL Name</th>
                                                        <th  class="border-left" data-toggle="Abbrevation_tooltip" title="PO Number" >PONo</th>
                                                        <th data-toggle="Abbrevation_tooltip" title="Report Submitted To Customer On">Report Date(yyyy-mm-dd)</th>
                                                        <th data-toggle="Abbrevation_tooltip" title="Report Remarks">Report Remarks</th>
                                                        <th data-toggle="Abbrevation_tooltip" title="Invoice raised On">Invoice Date(yyyy-mm-dd)</th>
                                                        <th data-toggle="Abbrevation_tooltip" title="Invoice Number">InVoiceNo</th>
                                                        <th data-toggle="Abbrevation_tooltip" title="Invoice Value">Invoice Value</th>
                                                        <th  data-toggle="Abbrevation_tooltip" title="Payment Received On">Payment Date(yyyy-mm-dd)</th>
                                                        <th data-toggle="Abbrevation_tooltip" title="Payment Received Value">Payment Value</th>
                                                        <th data-toggle="Abbrevation_tooltip" title="Payment Remarks">Payment Remarks</th>
                                                        <th data-toggle="Abbrevation_tooltip" title="Remaining Balance If Any">Balance</th>
                                                        <th data-toggle="Abbrevation_tooltip" title="Site Visit Status">SVS</th>
                                                        <th>Edit</th>
                                                </tr> 
                                            </thead>
                                            <tbody></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!------------end----------------->
                        <!-------- Pending Reports Submittions--------->
                        <div class="row justify-content-center pendingReportsDetails tabSubContent">
                            <div class="col-md-12">
                                <?php echo $invoiceReportsSearchBy_Ui?>
                                <div class="row section p-3 bg-white mt-2">
                                    <table id="pendingReportSubmittionDetailsTable" class="table fade-table m-0 w-100">
                                               <?php
                                                $pendingReportSubmitionTableHeading='
                                                <thead>
                                                    <tr><th>S.No</th> 
                                                        <th>SiteId</th>
                                                        <th>Project</th>
                                                        <th>StageOfAudit</th>
                                                        <th>EmpId</th>
                                                        <th>EmpName</th>
                                                        <th>SiteVisitDate</th>
                                                        <th>TL Name</th>
                                                        <th>TL Id</th>
                                                        <th>PONo</th>
                                                        <th>Report Date(yyyy-mm-dd)</th>
                                                        <th>Report Remarks</th>
                                                    </tr>
                                                </thead>';
                                                echo $pendingReportSubmitionTableHeading;
                                               ?>
                                        <tbody></tbody>
                                    </table>
                                </div>
                            </div>
                            <?php
                            $updateAndUploadReportExcelDiv='<div class="col-md-12 mt-4 updateAndUploadReportExcelDiv py-3">
                                <div class="uploadOption_Div">
                                    <div class="w-100 align-self-center">
                                        <p class="d-flex align-items-center">
                                            <input id="uploadPendingReportSubmitions" type="file" class="form-control w-auto h-auto ml-auto bg-transparent border-0"/>
                                            <button id="uploadPendingReportSubmitionsExportBtn" class="btn btn-theme-type1 py-2 px-4" style="height:fit-content; margin-right:auto">Export</button>
                                        </p>
                                        <p class="w-auto text-center note"><span class="font-weight-bold text-danger">Note:-</span>Download the Excel Template from above Invoice details Table(<span class="excelType">Site Id:-<bold class="font-weight-bold"></bold></span>) and fill & Upload here.</p>
                                    </div>
                                </div>
                                <div class="pendingReportUpdatedTableDiv">
                                        <table id="pendingReportUpdatedTableDiv_table" class="table">
                                            '.$pendingReportSubmitionTableHeading.'
                                            <tbody></tbody>
                                        </table>
                                </div>
                                <div class="submitBtnDiv mt-4 text-center">
                                            <div class="d-flex mb-2" style="align-items: center;">
                                                <p class="validatingMsg mb-0 mr-2"></p>
                                                <button class="viewErrorLocation btn btn-theme-type1 d-none">View</button>
                                            </div>
                                            <button class="validate btn btn-theme-type1 px-5" style="height: 40px;">Submit</button>
                                               
                                </div>
                            </div>';
                            //<button class="submit  btn btn-theme-type1 px-5" style="height: 40px;">Submit</button> 
                            $department=$_SESSION["teamLeads"];
                            if($department==TL_DEPARTMENT){
                                echo $updateAndUploadReportExcelDiv;
                            }
                            ?>
                        </div>
                        <!-------------end------------------>
                        <!--Pending Invoices And Reports-->
                        <div class="row justify-content-center pendingInvoicesReports tabSubContent">
                            <div class="col-md-12">
                                <?php echo $invoiceReportsSearchBy_Ui?>
                                <div class="row section p-3 bg-white mt-2">
                                    <table id="pendingInvoiceReportsDetailsTable" class="table fade-table m-0 w-100">
                                        <thead>
                                            <tr>
                                                <?php
                                                     $invoiceDetailsTableHeading='
                                                                <th>S.No</th>
                                                                <th>SiteId</th>   
                                                                <th>Project</th>
                                                                <th data-toggle="Abbrevation_tooltip" title="Stage Of Audit">StageOf Audit</th>
                                                                <th data-toggle="Abbrevation_tooltip" title="Site Visit Date">siteVisit Date</th>
                                                                <th data-toggle="Abbrevation_tooltip" title="Site Assigned To EmpId">EmpId</th>
                                                                <th data-toggle="Abbrevation_tooltip" title="Site Assigned To EmpName">EmpName</th>
                                                                <th>TL Id</th>
                                                                <th>TL Name</th>
                                                                <th  class="border-left" data-toggle="Abbrevation_tooltip" title="PO Number" >PONo</th>
                                                                <th data-toggle="Abbrevation_tooltip" title="Report Submitted To Customer On">Report Date(yyyy-mm-dd)</th>
                                                                <th data-toggle="Abbrevation_tooltip" title="Report Remarks">Report Remarks</th>
                                                                <th data-toggle="Abbrevation_tooltip" title="Invoice raised On">Invoice Date(yyyy-mm-dd)</th>
                                                                <th data-toggle="Abbrevation_tooltip" title="Invoice Number">InVoiceNo</th>
                                                                <th data-toggle="Abbrevation_tooltip" title="Invoice Value">Invoice Value</th>
                                                                <th  data-toggle="Abbrevation_tooltip" title="Payment Received On">Payment Date(yyyy-mm-dd)</th>
                                                                <th data-toggle="Abbrevation_tooltip" title="Payment Received Value">Payment Value</th>
                                                                <th data-toggle="Abbrevation_tooltip" title="Payment Remarks">Payment Remarks</th>
                                                                <th data-toggle="Abbrevation_tooltip" title="Remaining Balance If Any">Balance</th>
                                                        ';
                                                    echo $invoiceDetailsTableHeading;
                                                ?>
                                            </tr>
                                        </thead>
                                        <tbody></tbody>
                                    </table>
                                </div>
                            </div>
                            <?php
                                $updateAndUploadInvoiceExcelDetailsDiv='<div class="col-md-12 mt-4 updateAndUploadInvoiceExcelDiv">
                                    <div  class="uploadOption_Div">
                                        <div class="w-100 align-self-center">
                                            <p class="d-flex align-items-center">
                                                <input id="uploadPendingInvoiceReports" type="file" class="form-control w-auto h-auto ml-auto bg-transparent border-0">
                                                <button id="uploadPendingInvoiceReportsExportBtn" class="btn btn-theme-type1 py-2 px-4" style="height: fit-content;margin-right: auto;">Export</button>
                                            </p>
                                            <p class="w-auto text-center note"><span class="font-weight-bold text-danger">Note:-</span>Download the Excel Template from above  Invoice details Table(<span class="excelType">Site Id :-<bold class="font-weight-bold ">TestSiteID</bold></span>) and fill  & Upload here.</p>
                                        </div>
                                    </div>
                                    <div class="pendingInvoiceUpatedTableDiv">
                                        <table id="pendingInvoiceUpdatedTableDiv_table" class="table">
                                            <thead>
                                                <tr>
                                                    '.$invoiceDetailsTableHeading.'
                                                    <th class="updateInvoiceBtn_Th"> Update Invoice Details</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="submitBtnDiv my-4 text-center">
                                        <div class="d-flex mb-2" style="align-items: center;">
                                            <p class="validatingMsg mb-0 mr-2"></p>
                                            <button class="viewErrorLocation btn btn-theme-type1 d-none">View</button>
                                        </div>
                                        <button class="validate btn btn-theme-type1 px-5" style="height: 40px;">Validate</button>
                                        <button class="submit  btn btn-theme-type1 px-5" style="height: 40px;">Submit</button>
                                        
                                    </div>
                                </div>';
                                $department=$_SESSION["teamLeads"];
                                if($department==FINANCE_DEPARTMENT){
                                    echo $updateAndUploadInvoiceExcelDetailsDiv;
                                }
                            ?>
                        </div>
                        <!-----end----->
                        <!----Pending Payment Details--->
                        <div class="row justify-content-center pendingPaymentDetails tabSubContent">
                            <div class="col-md-12">
                                <?php echo $invoiceReportsSearchBy_Ui?>
                                <div class="row section p-3 bg-white mt-2">
                                    <table id="pendingPaymentsDetailsTable" class="table fade-table m-0 w-100">
                                        <thead>
                                            <tr><th>S.No</th>
                                                <th  class="border-left" data-toggle="Abbrevation_tooltip" title="PO Number" >PONo</th>
                                                <!--<th data-toggle="Abbrevation_tooltip" title="Report Submitted To Customer On">Report Date(yyyy-mm-dd)</th>-->
                                                <!--<th data-toggle="Abbrevation_tooltip" title="Report Remarks">Report Remarks</th>-->
                                                <th data-toggle="Abbrevation_tooltip" title="Invoice raised On">Invoice Date(yyyy-mm-dd)</th>
                                                <th data-toggle="Abbrevation_tooltip" title="Invoice Number">InVoiceNo</th>
                                                <th data-toggle="Abbrevation_tooltip" title="Invoice Value">Invoice Value</th>
                                                <th  data-toggle="Abbrevation_tooltip" title="Payment Received On">Payment Date(yyyy-mm-dd)</th>
                                                <th data-toggle="Abbrevation_tooltip" title="Payment Received Value">Payment Value</th>
                                                <th data-toggle="Abbrevation_tooltip" title="Payment Remarks">Payment Remarks</th>
                                                <th data-toggle="Abbrevation_tooltip" title="Remaining Balance If Any">Balance</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                            <?php
                                $updateAndUploadPaymentExcelDiv='<div class="col-md-12 mt-4 updateAndUploadPaymentExcelDiv">
                                <div class="uploadOption_Div">
                                    <div class="w-100 align-self-center">
                                        <p class="d-flex align-items-center">
                                            <input id="uploadPendingPaymentDetails" type="file" class="form-control w-auto h-auto ml-auto bg-transparent border-0"/>
                                            <button id="uploadPendingPaymentDetailsExportBtn" class="btn btn-theme-type1 py-2 px-4 mr-auto" style="height:fit-content">Export</button>
                                        </p>
                                        <p class="w-auto text-center note"><span class="font-weight-bold text-danger">Note:-</span>Download the Excel Template from above Pending Payments Invoice details Table(<span class="excelType">Site Id :-<bold class="font-weight-bold"></bold></span>) and fill & Upload here.</p>
                                    </div>
                                </div>
                                <div class="pendingPaymentUpdateTableDiv">
                                    <table id="pendingPaymentUpdateTableDiv_table" class="table">
                                        <thead>
                                            <tr>
                                                <th>S.No</th>
                                                <th  class="border-left" data-toggle="Abbrevation_tooltip" title="PO Number" >PONo</th>
                                                <th data-toggle="Abbrevation_tooltip" title="Invoice raised On">Invoice Date(yyyy-mm-dd)</th>
                                                <th data-toggle="Abbrevation_tooltip" title="Invoice Number">InVoiceNo</th>
                                                <th data-toggle="Abbrevation_tooltip" title="Invoice Value">Invoice Value</th>
                                                <th  data-toggle="Abbrevation_tooltip" title="Payment Received On">Payment Date(yyyy-mm-dd)</th>
                                                <th data-toggle="Abbrevation_tooltip" title="Payment Received Value">Payment Value</th>
                                                <th data-toggle="Abbrevation_tooltip" title="Payment Remarks">Payment Remarks</th>
                                                <th data-toggle="Abbrevation_tooltip" title="Remaining Balance If Any">Balance</th>
                                                <!--<th class="updateInvoiceBtn_Th"> Update Payment Details</th>-->
                                            </tr>
                                        </thead>
                                        <tbody>   
                                        </tbody>
                                    </table>
                                </div>
                                <div class="submitBtnDiv my-4 text-center">
                                    <div class="d-flex mb-2 align-items-center">
                                        <p class="validatingMsg mb-0 mr-2"></p>
                                        <button class="viewErrorLocation btn btn-theme-type1 d-none">View</button>
                                    </div>
                                    <button class="submit btn btn-theme-type1 px-5" style="height:40px">Submit</button>
                                </div>
                            </div>';
                            $department=$_SESSION["teamLeads"];
                            if($department==FINANCE_DEPARTMENT){
                                echo $updateAndUploadPaymentExcelDiv;
                            }
                            ?>
                        </div>
                        <!------end-------->
                    </div>
                    
                    <!------------------------end------------------->
                    <!----------------------------------------- employe advance Info Tab content------------------------------>
                    <div class="employAdvanceTabContent tabContent">
                        <div class="my-2">
                            <div class="w-50 fortNightSelctedDiv">
                                <form id="formRequest_employeeAdvanceInfo" class="d-flex justify-content-end">
                                    <select class="form-control year mr-2 align-self-center" name="year"></select>
                                    <select class="form-control month mr-2 align-self-center" name="month">
                                        <option value="January">January</option>
                                       `<option value="February">February</option>
                                        <option value="March">March</option>
                                        <option value="April">April</option>
                                        <option value="May">May</option>
                                        <option value="June">June</option>
                                        <option value="July">July</optin>
                                        <option value="August">August</option>
                                        <option value="September">September</option>
                                        <option value="October">October</option>
                                        <option value="November">November</option>                                            
                                        <option value="December">December</option>
                                    </select>
                                    <select class="form-control fn mr-2  align-self-center" name="FnValue">
                                        <option value="1st FN">1st FN</option>
                                        <option value="2nd FN">2nd FN</option>
                                    </select>
                                    <button type="submit" class="btn bg-theme-color float-right text-white" style="padding: 0px 12px;"><i class="fas fa-search"></i></button>
                                </form>
                            </div>  
                        </div>
                        <div class="row border-top">
                            <div class="col-md-6  checkAdvanceDetailsDiv half-screen">
                                <div class="sliberBtnDiv text-right d-flex mt-2">
                                    <div><h5 class="mb-0" style="font-weight: 600;">Fortnight Advance Amount Details</h5></div>
                                    <i class="fas fa-arrow-left sliberBtnDivIconBtn cursor-pointer pl-3 ml-auto btn-theme-type1"  style="margin-right: -14px;margin-top: -3px; padding: 5px;  align-self: baseline;"  data-ref="checkAdvanceDetailsDiv"></i>
                                </div>
                                <div class="contentDiv">
                                    <div class="section p-2 mt-2 bg-white">
                                        <table id="table_employeeAdvanceInfoTabContent" class="table table-hover">
                                            <thead>
                                                <tr>
                                                    <th>S.NO</th>
                                                    <th>EMP ID</th>
                                                    <th>NAME</th>
                                                    <th style="width:15%">FORTNIGHT</th>
                                                    <th style="width:10%" data-toggle="Abbrevation_tooltip" title="TRANSACTION ID">T-ID</th>
                                                    <th style="width:10%" data-toggle="Abbrevation_tooltip" title="ADVANCE AMOUNT">ADV AMT</th>
                                                    <th data-toggle="Abbrevation_tooltip" title="ADVANCE RELEASED DATE" style="width:9%">AR DATE</th>
                                                    <th style="width:20%">REMARKS</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                        <!--<div class="loader_contentFetch mt-4"><h1 class="text-center"><i class="fas fa-spinner fa-spin"></i></h1></div>-->
                                    </div>
                                    <div class="mt-4 downloadLink">
                                        <b>Click here to Download Excel Template to update AdvanceAmount Details
                                            <a id="downloadAdvanceExcelTemplate" href="javascript:void(0)"   class="font-weight-light" download>Click here</a>
                                        </b>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6  border-left InsertAdvanceDetailsDiv half-screen">
                                <div class="sliberBtnDiv d-flex mt-2">
                                    <i class="fas fa-arrow-right  sliberBtnDivIconBtn cursor-pointer pr-3 btn-theme-type1"  style="margin-left: -14px; margin-top:-3px; padding: 5px;  align-self: baseline;" data-ref="InsertAdvanceDetailsDiv"></i>
                                    <div class="ml-auto"><h5 class="mb-0" style="font-weight: 600;">Update Fortnight Advance Amount Details</h5></div>
                                </div>
                                <div class="contentDiv">
                                    <div id="empAdvanceAmntDetailsErrorConsole" class="py-2"><h6>Console</h6>
                                        <div class="bg-white py-2  section" style="max-height: 80px; overflow-y: scroll;">
                                            <ol></ol>
                                        </div>
                                    </div>
                                     <div class="section p-2  bg-white exportTableSection mt-2">
                                        <div class="d-flex mb-1">
                                            <input type="file" id="uploadExcelFileInput" class="uploadExcelFile align-self-center" style="font-size:10px"/>
                                            <p class="m-auto text-center" style="color: #6f7bd9; font-size:10px">Upload <span class="font-weight-bold FnTemplateToUpload">2022-January-2nd FN </span> Advance template</p>
                                            <div class="d-flex">
                                                <button id="empAdvanceExportToTableBtn" class="btn btn-theme-type1  ml-auto justify-content-center align-self-center px-4">Submit</button>
                                            </div>
                                         </div> 
                                         <table id="empAdvanceExcelConvertedTable" class="table table-hover w-100" >
                                             <thead>
                                                 <tr>
                                                    <th>S.NO</th>
                                                    <th>EMP ID</th>
                                                    <th>NAME</th>
                                                    <th >FORTNIGHT</th>
                                                     <th data-toggle="Abbrevation_tooltip" title="TRANSACTION ID">T-ID</th>
                                                    <th data-toggle="Abbrevation_tooltip" title="ADVANCE AMOUNT">ADV AMT</th>
                                                    <th data-toggle="Abbrevation_tooltip" title="ADVANCE RELEASED DATE" >AR DATE</th>
                                                    <th >REMARKS</th>
                                                </tr>
                                             </thead>
                                            <tbody></tbody>
                                         </table>
                                     </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!---------------------------------------------- end------------------------------------------------->
                    <!-------------------------employee Info Tab content------------------>
                    <div class="employeeInfoTabContent tabContent">
                        <div class="row justify-content-center">
                            <div class="col-md-8 my-5">
                                <div class="position-absolute notificationDiv">
                                    <button id="newEmpInfoEditBtn" class="btn btn-theme-type1 mb-2 px-4" data-toggle="modal" data-target="#newEmpInfoDetailsModalPopup" data-whatever="@mdo">Add New Emp-Info <i class="fa fa-plus pl-3" aria-hidden="true"></i></button>
                                    <div><sup class="newEmpsNotificationNo" style="right: -14px;top: -12px;">1</sup></div>
                                </div>
                                <div class="section p-5 mt-5">
                                    <table id="table_employeeInfoTabContent" class="table">
                                        <thead>
                                            <tr>
                                                <th class="px-2">S.NO</th>
                                                <th style="width: 41.4375px;">EMP ID</th>
                                                <th>EMP NAME</th>
                                                <th>TL NAME</th>
                                                <th>TL ID</th>
                                                <th>CIRCLE</th>
                                                <th class="cursor-pointer p-2" data-toggle="tooltip" title="LEFT FROM ORG">LFO</th>
                                                <th>EDIT</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            
                                        </tbody>
                                        
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!--------------------------------modal popups1--------------------------------------------->

<div class="modal fade" id="empInfoDetailsModalPopup" tabindex="-1" role="dialog" aria-labelledby="empInfoDetailsModalPopupLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content p-3">
        <form id="empInfoDetailsModalPopupForm">
            <div class="modal-header">
                <h5 class="modal-title">Employee Info</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="d-flex">
                    <div class="form-group w-50 mr-2">
                        <label for="empInfoModalPopupEmpId" class="col-form-label font-weight-bold">EmpId:</label>
                        <input type="text" class="form-control" id="empInfoModalPopupEmpId" name="empId" readonly  required/>
                    </div>
                    <div class="form-group  w-50">
                        <label for="empInfoModalPopupEmpName" class="col-form-label font-weight-bold">EmpName:</label>
                        <input type="text" class="form-control" id="empInfoModalPopupEmpName" name="empName" readonly  required/>
                    </div>
                </div>
                <div class="d-flex">
                    <div class="form-group w-100 mr-2">
                        <label for="empInfoModalPopupTLName" class="col-form-label font-weight-bold">TLName:</label>
                        <div class="d-flex">
                            <select id="empInfoModalPopupTLNameTLId" class="modalPopupTLDropDown form-control w-100 h-auto border" data-modaltype="editEmpInfo"  name="TLName"   required ></select>
                            <button class="retryTLDropDownRequest ml-2 btn " data-toggle="tooltip" data-original-title="Retry"><i class="fas fa-redo"></i></button>
                        </div>
                    </div>
                    <!--<div class="form-group w-50">-->
                    <!--    <label for="empInfoModalPopupTLId" class="col-form-label font-weight-bold">TL Id:</label>-->
                    <!--    <input type="text" class="form-control" id="empInfoModalPopupTLId" name="TLId" required/>-->
                    <!--</div>-->
                </div>
                <div class="d-flex">
                    <div class="form-group w-50 mr-2">
                        <label for="empInfoModalPopupEmpCircle" class="col-form-label font-weight-bold">EmpCircle</label>
                        <select  id="empInfoModalPopupEmpCircle" class="form-control w-100 h-auto border"  name="empCircle" required></select>
                    </div>
                    <div class="form-group w-50">
                        <label for="empInfoModalPopupEmpLeftOrg" class="col-form-label font-weight-bold">Former Employee</label>
                        <select  id="empInfoModalPopupEmpLeftOrg" class="form-control w-100 h-auto border" name="leftOrg" required>
                            <option value="No">No</option>
                            <option value="Yes">Yes</option>
                        </select>
                    </div>
                </div>
            </div>
          <div class="modal-footer">
             <p class="message mr-auto"></p>
            <button type="button" class="btn btn-theme-type3" data-dismiss="modal" style="width:22%">Close</button>
            <button type="submit" class="btn btn-theme-type1"  style="width:22%">Update</button>
          </div>
      </form>
    </div>
  </div>
</div>
    <!----------------------------------end----------------------------------------------------->
    
      <!--------------------------------modal popups2--------------------------------------------->

<div class="modal fade" id="newEmpInfoDetailsModalPopup" tabindex="-1" role="dialog" aria-labelledby="newEmpInfoDetailsModalPopup" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content p-3">
        <form id="newEmpInfoDetailsModalPopupForm">
          <div class="modal-header">
            <h5 class="modal-title">Employee Info</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
              <table class="w-100">
                  <tr>
                      <th class="w-25"><label for="newEmpInfoModalPopupEmpSelectTag" class="col-form-label">Employee</label><sup class="newEmpsNotificationNo" style="right: 0;top: 13px;"></sup></th>
                      <td class="d-flex align-items-center pl-3">:<select id="newEmpInfoModalPopupEmpSelectTag" class="form-control h-auto border ml-3" name="" required ></select></td>
                  </tr>
                  <tr>
                        <th><label for="newEmpInfoModalPopupTLSelectTag" class="col-form-label">TL</label></th>
                        <td class="d-flex align-items-center pl-3">:
                            <select id="newEmpInfoModalPopupTLSelectTag" class="modalPopupTLDropDown form-control h-auto border ml-3" data-modaltype="newEmpInfo" required></select>
                            <span class="retryTLDropDownRequest ml-2 btn " data-toggle="tooltip" data-original-title="Retry">
                                <i class="fas fa-redo"></i>
                            </span>
                        </td>
                  </tr>
                  <tr>
                      <th><label for="newEmpInfoModalPopupEmpCircleSelectTag" class="col-form-label">EmpCircle</label></th>
                      <td class="d-flex align-items-center pl-3">:<select  id="newEmpInfoModalPopupEmpCircleSelectTag" class="form-control h-auto border ml-3" required></select></td>
                  </tr>
                  
              </table>
            
          </div>
          <div class="modal-footer">
              <p class="message mr-auto"></p>
            <button type="button" class="btn btn-theme-type3 " data-dismiss="modal" style="width:22%">Close</button>
            <button type="submit" data-btnType="insert" class="btn btn-theme-type1" style="width:22%">Insert</button>
          </div>
      </form>
    </div>
  </div>
</div>
    <!----------------------------------end----------------------------------------------------->
    <!------------------------------------Reason modal popup----------------------------------->
    <div class="modal fade" id="ReasonModalPopup">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header d-block">
                    <h5 class="m-0 py-2 text-center">Deducted Amounts In Fortnight Claims</h5>
                    <table>
                        <tbody><tr><th>EMP-NAME </th><td class="pl-2 empName"></td></tr>
                             <tr><th>EMP-ID </th><td class="pl-2 empId"></td></tr>
                             <tr><th>FORTNIGHT </th><td class="pl-2 fortNight"></td></tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-body">
                    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-theme-type2 retry_getDeductedReasonsClaims px-3 w-auto">Retry</button>
                    <button type="button" class="btn btn-theme-type3 px-3 w-auto" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
    <!--------------------------------------end------------------------------------------------>
    <!-------------------------- Error Duplicate TransactionIDs  modal popup-------------------------------------->
        <div class="modal fade" id="DuplicateTransactionIdsModalPopup">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header d-block">
                        <h5 class="m-0 py-2 text-center">TransactionId Already Exist In Server Details</h5>
                    </div>
                    <div class="modal-body">
                        <table class="table table-hover w-100 border text-center">
                            <thead>
                                <tr>
                                    <th>S.NO</th>
                                    <th>EMP-ID</th>
                                    <th>EMP-NAME</th>
                                    <th>FORTNIGHT</th>
                                    <th>TRANSACTION ID</th>
                                    <th>ADVANCE AMOUNT</th>
                                    <th>ADVANCE RELEASE DATE</th>
                                    <th>REMARKS</th>
                                </tr>
                            </thead>
                            <tbody>
                                
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        
                    </div>
                </div>
            </div>
        </div>
    <!---------------------------------------end------------------------------------------------------>
 <!--------------------------skip Duplicate Transaction Details  modal popup-------------------------------------->
        <div class="modal fade" id="DuplicateTransactionDetailsModalPopup">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header d-block">
                        <h5 class="m-0 py-2 text-center">TransactionDetails Already Exist In Server(DataBase).</h5>
                    </div>
                    <div class="modal-body">
                        <table class="table table-hover w-100 border text-center">
                            <thead>
                                <tr>
                                    <th>S.NO</th>
                                    <th>EMP-ID</th>
                                    <th>EMP-NAME</th>
                                    <th>FORTNIGHT</th>
                                    <th>TRANSACTION ID</th>
                                    <th>ADVANCE AMOUNT</th>
                                    <th>ADVANCE RELEASE DATE</th>
                                    <th>REMARKS</th>
                                </tr>
                            </thead>
                            <tbody>
                                
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-theme-type3" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
    <!---------------------------------------end------------------------------------------------------>
    <!-----------------------------common modal up-------------------------------------------------->
    <div class="modal fade" id="commonModalPopup">
       <div class="modal-dialog modal-xl">
            <div class="modal-content  px-4">
            </div>
       </div>
    </div>
    <!-----------------------------end----------------------------------------------->

</body>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script src="js/constants.js?version= 2.4" ></script>
<script src="js/checkInternet_connection.js?version=0.3"></script>
<script src="js/HttpRequest.js?version=1.9"></script>
<script src="DashBoard/js/SiteProjectDetailsTableUi.js?version=1.2"></script>
<script src="DashBoard/js/placeholderAnimation.js?version=0.4"></script>
<script src="DashBoard/js/content_load.js?version=0.3"></script>
<script src="DashBoard/js/sortJson.js?version=0.1"></script>
<script id="mainJscriptFileLoad"></script>
<script>
    var USER_DEPARTMENT=<?php echo  json_encode($_SESSION["teamLeads"])?>;// using global  variable
    var USER_EMPID=<?php echo  json_encode($_SESSION["userId"])?>;// using global  variable
    var USER_NAME=<?php echo  json_encode($_SESSION["userName"])?>;// using global  variable
    if(USER_DEPARTMENT==FINANCE_DEPARTMENT){
        $("#mainJscriptFileLoad").attr("src","DashBoard/js/main_Finance.js?version=2.6");
    }else{
        $("#mainJscriptFileLoad").attr("src","DashBoard/js/main_TL.js?version=2.6");
    }
    
    
</script>
<script src="DashBoard/js/common.js?version=1.4"></script>
<script src="DashBoard/js/advanceAmountDynamicTable.js?version=1.3"></script>
<script src="DashBoard/js/PendingReportSubmitionDetailsExcelDynamicTable.js?version=0.4"></script>
<script src="DashBoard/js/pendingInVoiceDetailsExcelDynamicTable.js?version=1.4"></script>
<script src="DashBoard/js/pendingPaymentDetailsExcelDynamicTable.js?version=0.1"></script>
<script src="DashBoard/js/invoices_report.js?version=0.1"></script>
<script src="js/readExcelTemplate.js"></script>
</html>
