<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">
                                    <select class="form-control" id="cmbTypeFilter"><?php echo $this->getOptionJobType(1); ?></select>
                                </th> -->
                                <th class="kt-datatable__cell">
                                    <select class="form-control" id="cmbCompanyFilter"><?php echo $this->getOptionCompany(); ?></select>
                                </th>
                                <!-- <th class="kt-datatable__cell">
                                    <input class="form-control" type="text" placeholder="Customer Name" id="txtCustomerFilter">
                                </th>
                                <th class="kt-datatable__cell">
                                    <input class="form-control" type="text" placeholder="Job No" id="txtJobNoFilter" value="">
                                </th> -->
                                <th class="kt-datatable__cell">
                                    <button type="button" class="btn btn-primary" id="btnFilterReport" onclick='filterReport("<?php echo Command::PortalReportJobPlanVsActualFilter; ?>");'><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="jobplanactual_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="jobplanactual_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="jobplanactual_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="jobplanactual_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="jobplanactual_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="jobplanactual_sort_column" id="col_totalmandays" onclick="sortColumn(this,'col_totalmandays','asc');">
                                    <span style="white-space:nowrap;">Total No. Of Mandays <i class="fa"></i></span>
                                </th>
                                <th data-field="jobstatus" class="kt-datatable__cell" style="width: 10%;" name="jobplanactual_sort_column" id="col_jobstatus" onclick="sortColumn(this,'col_jobstatus','asc');">
                                    <span>Job Status <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="jobplanactual_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="jobplanactual_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="jobplanactual_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="jobplanactual_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="jobplanactual_input_filter" id="txtcoltotalmandays" onkeyup="filterData(this,5);" />
                                    </td>
                                    <td data-field="jobstatus" class="kt-datatable__cell" id="col_jobstatus" style="width: 10%;">
                                        <input type="text" class="form-control" name="jobplanactual_input_filter" id="txtcoljobstatus" onkeyup="filterData(this,6);" />
                                    </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() {
    sorts = "";
    filterRow("report-row-filter",this,false);
	filterReport("<?php echo Command::PortalReportJobPlanVsActualFilter; ?>");
	// getReportAutoSearch("C_SEARCH");
});
</script>
