@extends('admin.layout.master')

@section('content')

<div class="app-content  my-3 my-md-5">
				<div class="side-app">
					<div class="page-header">
						<ol class="breadcrumb">
							<li class="breadcrumb-item" aria-current="page">Report Management</li>
						</ol>
					</div>
					<!-- MAIN BODY CONTENT -->
		            <h1>Report Manager</h1>
		            
		            <!-- Filter End-->
		             <!-- Filter box -->
		            <div class="card min-h-80">
		              <div class="card-body">
		                <p class="text-right mb-4">
		                  <a href="javascript:void(0)" class="clearall"><i class="fa fa-close"></i> Clear All</a>
		                </p>
		                <form action="{{route('admin.report.excel_export')}}" method="post" id="excel_export_frm">
		                  {{csrf_field()}}
		                  <div class="form-row filter-row filter-nowrap">
		                  	<div class="form-group col-md-1 mb-sm-0">
		                      	From Date
		                    </div>
		                    <div class="form-group col-md-3 mb-sm-0">
		                      	<input  class="form-control input-sm" type="text" name="start_date" id="start_date">
		                    </div>
		                    <div class="form-group col-md-1 mb-sm-0">
		                      	To Date
		                    </div>
		                    <div class="form-group col-md-3 mb-sm-0">		                    	
		                      <input  class="form-control input-sm" type="text" name="end_date" id="end_date">
		                    </div>
		                    <div class="form-row  col-md-3 mb-sm-0">
		                      <button type="button" class="btn btn-primary px-5 search">Apply</button>
		                    </div>
		                  </div>
		                  </div>
		                </form>
		              </div>
		            
		            <!-- Table -->
		            <div class="card">
		              <div class="card-header pt-5">
		                <h2>Report</h2>
		                <div class="filter-group">
			                <button type="button" class="btn btn-outline-primary btn-pill excel_export">Export In Excel</button>
			            </div>
		              </div>
		              <div class="card-body pt-0">
		              	<p class="text-right font-bold mb-2 total_booking">Total No of Reports: 0</p>
		                <div class="">
		                  <table id="booking-manager" class="stripe row-border order-column dataTable no-footer">
		                    <thead>
		                      <tr>
		                        <th>Sl. No. <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Test Center <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Invoice Number <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Service Name <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Client Name <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Amount <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Currency <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Invoice Date <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                        <th>Status <span><i class="fa fa-angle-up"></i><i class="fa fa-angle-down"></i></span></th>
		                      </tr>
		                    </thead>
		                    
		                  </table>
		                </div>
		              </div>
		            </div>
		            <!-- //Table -->
		            <!--// MAIN BODY CONTENT -->
				</div>
			</div>
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/admin/report.js?v='.time())}}"></script>
<script type="text/javascript">
	 $("#start_date").datepicker({
          maxDate: 0,
          dateFormat: 'dd/mm/yy',
    }).keydown(function (event) {
            event.preventDefault();
    }).attr('readonly', true).css('pointer-events','auto');

    $("#end_date").datepicker({
          dateFormat: 'dd/mm/yy',
    }).keydown(function (event) {
            event.preventDefault();
    }).attr('readonly', true).css('pointer-events','auto');

</script>
@endsection