<head>
<style type="text/css">
button {
 	margin-left: 2px;
 	margin-right: 2px;
}

.modal-header {
	background-color: #3c8dbc;
	color: white;
}

</style>
</head>
<!-- Report Modal HTML -->
<div id="printReportView" class="modal fade" style="overflow: auto;overflow-y: scroll;" tabindex="-1" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog" style="width: 60%;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 id="modalReportHeaderViewContent" class="modal-title">Billing Listing By Job Report</h4>
            </div>
            <div class="modal-body" id="modalReportViewContent"></div>
            <div class="modal-footer" id="modalReportFooter">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<input type="hidden" id="isManagerFilter" value="<?php echo isset($isManagerFilter) ? ($isManagerFilter ? 'true' : 'false' ) : 'false';?>" >

<div class="col-md-12" <?php echo isset($isManagerFilter) && $isManagerFilter ? "style='display:none'" : ''; ?>>
	<div class="filter-unit" style="vertical-align:middle;">
	 From:
	</div>
	<div class="filter-unit">
		<select style="height: 30px;" id="cmbFromMonthFilter" >
            <?php echo Util::getMonthOption(); ?>
        </select>
	</div>
	<div class="filter-unit">
		<select style="height: 30px;" id="cmbFromYearFilter" >
            <?php echo Util::getYearoption(); ?>
        </select>
	</div>
	<div class="filter-unit" style="vertical-align:middle;">
	 To: 
	</div>
	<div class="filter-unit">
		<select style="height: 30px;" id="cmbToMonthFilter" >
            <?php echo Util::getMonthOption(date('m')); ?>
        </select>
	</div>
	<div class="filter-unit">
		<select style="height: 30px;" id="cmbToYearFilter" >
            <?php echo Util::getYearoption(); ?>
        </select>
	</div>
    <div class="filter-unit">
        <select style="height: 30px;" id="cmbCompanyFilter"><?php echo $this->getOptionCompany(); ?></select>
    </div>
    <div class="filter-unit">
        <input  style="height: 30px;" type="text" placeholder="Customer Name" id="txtCustomerFilter">
    </div>
	<div class="filter-unit">
		<a href="#" onclick='return filterReport("<?php echo Command::PortalReportBillingListingFilter; ?>");' class="btn btn-primary btn-sm"><span class="glyphicon glyphicon-plus"></span> Filter</a>
	</div>
	<div class="filter-unit">
		<a href="#" id="btnPrintPreview" onclick='return showReportPrintPreview("<?php echo Command::PortalReportBillingListingPrintPreview; ?>",0);' class="btn btn-primary btn-sm"><span class="glyphicon glyphicon-print"></span> Print</a>
	</div>
</div>

<div class="col-md-12" id="errorShow"></div>

<div class="col-md-12" style="margin-top: 20px">
	<div class="box" id="testData">
		<table class="table table-striped" style="width: 100%; max-width: 100%; margin-bottom: 20px;" id="report-table">
		</table>
	</div>
</div>
<script type ="text/javascript">
$(document).ready(function() {
	filterReport("<?php echo Command::PortalReportBillingListingFilter; ?>");
	getReportAutoSearch("C_SEARCH");
});
</script>