<div id="screen[index]" style="width: 100%;height:100%">
    <div class="kt-portlet kt-portlet--mobile">
        <div class="kt-portlet__body kt-portlet__body--fit">
            <div class="row">
                <div class="col-lg-12">
                    <input type="hidden" id="isManagerFilter" value="<?php echo isset($isManagerFilter) ? ($isManagerFilter ? 'true' : 'false' ) : 'false';?>" >
                    <!--begin: Datatable -->
                    <div class="kt-datatable kt-datatable--default kt-datatable--brand kt-datatable--loaded" style="">
                        <table class="kt-datatable__table">
                            <thead class="kt-datatable__head">
                            <tr class="dnd-moved kt-datatable__row" style="left: 0px;">
                                <th class="kt-datatable__cell">
                                    <input  style="height: 30px;"  type="text" placeholder="From Date" id="txtFromDateFilter">
                                </th>
                                <th class="kt-datatable__cell">
                                    <input style="height: 30px;" type="text" placeholder="To Date" id="txtToDateFilter">
                                </th>
                                <!-- <th class="kt-datatable__cell">
                                    <select style="height: 30px;" id="cmbTypeFilter"><?php echo $this->getOptionJobType(1); ?></select>
                                </th> -->
                                <th class="kt-datatable__cell">
                                    <select style="height: 30px;" id="cmbCompanyFilter"><?php echo $this->getOptionCompany(); ?></select>
                                </th>
                                <!-- <th class="kt-datatable__cell">
                                    <input  style="height: 30px;" type="text" placeholder="Customer Name" id="txtCustomerFilter">
                                </th>
                                <th class="kt-datatable__cell">
                                    <input  style="height: 30px;" type="text" placeholder="Job No" id="txtJobNoFilter" value="">
                                </th> -->
                                <th class="kt-datatable__cell">
                                    <button type="button" class="btn btn-default" id="btnFilterReport" onclick='filterReport("<?php echo Command::PortalReportPlanVsActualSummaryFilter; ?>");'><i class="fa fa-filter"></i> Filter </button>
                                </th>
                            </tr>
                            </thead>
                        </table>
                </div>
                <div class="col-lg-12 kt-separator kt-separator--dashed"></div>
                <div class="col-lg-12">
                    <!--begin: Datatable -->
                    <div class="kt-datatable kt-datatable--default kt-datatable--brand kt-datatable--loaded" style="">
                        <table class="kt-datatable__table" id="planactualsummary_table_data">
                            <thead class="kt-datatable__head">
                                <tr class="dnd-moved kt-datatable__row" style="left: 0px;">
                                <th data-field="jobid" class="kt-datatable__cell" id="col_jobid" style="display: none;">
                                    <span>ID <i class="fa"></i></span>
                                </th>
                                <th data-field="jobnumber" class="kt-datatable__cell" style="width: 10%;" id="col_jobnumber" name="planactualsummary_sort_column" onclick="sortColumn(this,'col_jobnumber','asc');">
                                    <span>Job # <i class="fa"></i></span>
                                </th>
                                <th data-field="jobtitle" class="kt-datatable__cell" style="width: 20%;" id="col_jobtitle" name="planactualsummary_sort_column" onclick="sortColumn(this,'col_jobtitle','desc');">
                                    <span>Job Title <i class="fa fa-sort-up"></i></span>
                                </th>
                                <th data-field="jobtype" class="kt-datatable__cell" style="width: 10%;" id="col_jobtype" name="planactualsummary_sort_column" onclick="sortColumn(this,'col_jobtype','asc');">
                                    <span>Job Type <i class="fa"></i></span>
                                </th>
                                <th data-field="jobcustomer" class="kt-datatable__cell" style="width: 20%;" name="planactualsummary_sort_column" id="col_jobcustomer" onclick="sortColumn(this,'col_jobcustomer','asc');">
                                    <span>Customer <i class="fa"></i></span>
                                </th>
                                <th data-field="totalmandays" class="kt-datatable__cell" style="width: 12%;" name="planactualsummary_sort_column" id="col_totalmandays" onclick="sortColumn(this,'col_totalmandays','asc');">
                                    <span>Total No. Of Mandays <i class="fa"></i></span>
                                </th>
                                <th data-field="phase" class="kt-datatable__cell" style="width: 5%;" name="planactualsummary_sort_column" id="col_phase" onclick="sortColumn(this,'col_phase','asc');">
                                    <span>Phase <i class="fa"></i></span>
                                </th>
                                <th data-field="plandays" class="kt-datatable__cell" style="width: 8%;" name="planactualsummary_sort_column" id="col_plandays" onclick="sortColumn(this,'col_plandays','asc');">
                                    <span>Plan Days <i class="fa"></i></span>
                                </th>
                                <th data-field="actualdays" class="kt-datatable__cell" style="width: 8%;" name="planactualsummary_sort_column" id="col_actualdays" onclick="sortColumn(this,'col_actualdays','asc');">
                                    <span>Actual Days <i class="fa"></i></span>
                                </th>
                                <th data-field="diffdays" class="kt-datatable__cell" style="width: 10%;" name="planactualsummary_sort_column" id="col_diffdays" onclick="sortColumn(this,'col_diffdays','asc');">
                                    <span>Plan vs Actual (Days) <i class="fa"></i></span>
                                </th>
                                <th data-field="filter" class="kt-datatable__cell" style="width: 50px;" id="col_filter">
                                    <button type="button" class="btn btn-default btn-sm btn-icon btn-icon-md" id="btnFilterReport" onclick="filterRow('report-row-filter',this,true);"><i class="fa fa-filter"></i></button>
                                </th>
                            </tr>
                            </thead>
                            <tbody class="kt-datatable__body" style="" id="report-list-table">
                                <tr data-row="customer-rows-0" class="dnd-moved kt-datatable__row" style="left: 0px;" id="report-row-filter">
                                    <td data-field="jobid" class="kt-datatable__cell" id="col_jobid" style="display: none;">&nbsp;</td>
                                    <td data-field="jobnumber" class="kt-datatable__cell" id="col_jobnumber" style="width: 10%;">
                                        <input type="text" class="form-control" name="planactualsummary_input_filter" id="txtcoljobnumber" onkeyup="filterData(this,1);" />
                                    </td>
                                    <td data-field="jobtitle" class="kt-datatable__cell" id="col_jobtitle" style="width: 20%;">
                                        <input type="text" class="form-control" name="planactualsummary_input_filter" id="txtcoljobtitle" onkeyup="filterData(this,2);" />
                                    </td>
                                    <td data-field="jobtype" class="kt-datatable__cell" id="col_jobtype" style="width: 10%;">
                                        <input type="text" class="form-control" name="planactualsummary_input_filter" id="txtcoljobtype" onkeyup="filterData(this,3);" />
                                    </td>
                                    <td data-field="jobcustomer" class="kt-datatable__cell" id="col_jobcustomer" style="width: 20%;">
                                        <input type="text" class="form-control" name="planactualsummary_input_filter" id="txtcoljobcustomer" onkeyup="filterData(this,4);" />
                                    </td>
                                    <td data-field="totalmandays" class="kt-datatable__cell" id="col_totalmandays" style="width: 12%;">
                                        <input type="text" class="form-control" name="planactualsummary_input_filter" id="txtcoltotalmandays" onkeyup="filterData(this,5);" />
                                    </td>
                                    <td data-field="phase" class="kt-datatable__cell" id="col_phase" style="width: 5%;">
                                        <input type="text" class="form-control" name="planactualsummary_input_filter" id="txtcolphase" onkeyup="filterData(this,6);" />
                                    </td>
                                    <td data-field="plandays" class="kt-datatable__cell" id="col_plandays" style="width: 8%;">
                                        <input type="text" class="form-control" name="planactualsummary_input_filter" id="txtcolplandays" onkeyup="filterData(this,6);" />
                                    </td>
                                    <td data-field="actualdays" class="kt-datatable__cell" id="col_actualdays" style="width: 8%;">
                                        <input type="text" class="form-control" name="planactualsummary_input_filter" id="txtcolactualdays" onkeyup="filterData(this,7);" />
                                    </td>
                                    <td data-field="diffdays" class="kt-datatable__cell" id="col_diffdays" style="width: 10%;">
                                        <input type="text" class="form-control" name="planactualsummary_input_filter" id="txtcoldiffdays" onkeyup="filterData(this,8);" />
                                    </td>
                                    <td data-field="filter" class="kt-datatable__cell" id="col_filter">&nbsp;</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <!--end: Datatable -->
                </div>
            </div>
        </div>
        <!-- button to trigger the things -->
        <button id="activatebuttonscreen[index]" onclick='reactivatescreen[index]();' style="display: none;">activate screen button</button>
    </div>
</div>
<div id="screen[index]a" style="width: 100%;height:100%"> 

</div>
<script type ="text/javascript">
$(document).ready(function() {
    var claimDayLast = 30;
    var date = new Date();
    var firstDay = new Date();
    var lastDay = new Date();
    var todayDate = new Date();
    var startDate = new Date(new Date().setDate(todayDate.getDate()-claimDayLast));
    
    firstDay.setFullYear(date.getFullYear(), date.getMonth(), 1);
    lastDay.setFullYear(date.getFullYear(), date.getMonth() + 1, 0);

    $('#txtFromDateFilter').datepicker({
        format: "dd/mm/yyyy"
    }); 
    $('#txtFromDateFilter').on('changeDate', function(ev){
        $(this).datepicker('hide');
    });
    
    $('#txtToDateFilter').datepicker({
        format: "dd/mm/yyyy"
    });

    $('#txtToDateFilter').on('changeDate', function(ev){
        $(this).datepicker('hide');
    });

    
    // last xx days
    $('#txtFromDateFilter').datepicker('setValue', (startDate.getDate() <= 9 ? "0" + startDate.getDate() : startDate.getDate()) + "/" + (startDate.getMonth()+1 <= 9 ? "0" + (startDate.getMonth()+1) : (startDate.getMonth()+1) ) + "/" + startDate.getFullYear());
    $('#txtToDateFilter').datepicker('setValue', (todayDate.getDate() <= 9 ? "0" + todayDate.getDate() : todayDate.getDate()) + "/" + (todayDate.getMonth()+1 <= 9 ? "0" + (todayDate.getMonth()+1) : (todayDate.getMonth()+1) ) + "/" + todayDate.getFullYear());

    sorts = "";
    filterRow("report-row-filter",this,false);
    filterReport("<?php echo Command::PortalReportPlanVsActualSummaryFilter; ?>");
	// getReportAutoSearch("C_SEARCH");
});
</script>