@extends('layouts.default', ['appTopMenu' => true])

@push('scripts')
<style type="text/css">
.cl_appication
{
  color: blue;
}
.cl_appication:hover
{
  cursor: pointer;
}

</style>
<link href="../assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="../assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js"></script>
<link href="../assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
<link href="../assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" />
<link href="../assets/plugins/datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css" rel="stylesheet" />
<link href="../assets/plugins/datatables.net-colreorder-bs5/css/colReorder.bootstrap5.min.css" rel="stylesheet" />
<link href="../assets/plugins/datatables.net-keytable-bs5/css/keyTable.bootstrap5.min.css" rel="stylesheet" />
<link href="../assets/plugins/datatables.net-rowreorder-bs5/css/rowReorder.bootstrap5.min.css" rel="stylesheet" />
<link href="../assets/plugins/datatables.net-select-bs5/css/select.bootstrap5.min.css" rel="stylesheet" />

<script src="../assets/plugins/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="../assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js"></script>
<script src="../assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="../assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js"></script>
<script src="../assets/plugins/datatables.net-colreorder/js/dataTables.colReorder.min.js"></script>
<script src="../assets/plugins/datatables.net-colreorder-bs5/js/colReorder.bootstrap5.min.js"></script>
<script src="../assets/plugins/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
<script src="../assets/plugins/datatables.net-keytable-bs5/js/keyTable.bootstrap5.min.js"></script>
<script src="../assets/plugins/datatables.net-rowreorder/js/dataTables.rowReorder.min.js"></script>
<script src="../assets/plugins/datatables.net-rowreorder-bs5/js/rowReorder.bootstrap5.min.js"></script>
<script src="../assets/plugins/datatables.net-select/js/dataTables.select.min.js"></script>
<script src="../assets/plugins/datatables.net-select-bs5/js/select.bootstrap5.min.js"></script>
<script src="../assets/plugins/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
<script src="../assets/plugins/datatables.net-buttons-bs5/js/buttons.bootstrap5.min.js"></script>
<script src="../assets/plugins/datatables.net-buttons/js/buttons.colVis.min.js"></script>
<script src="../assets/plugins/datatables.net-buttons/js/buttons.flash.min.js"></script>
<script src="../assets/plugins/datatables.net-buttons/js/buttons.html5.min.js"></script>
<script src="../assets/plugins/datatables.net-buttons/js/buttons.print.min.js"></script>
<script src="../assets/plugins/pdfmake/build/pdfmake.min.js"></script>
<script src="../assets/plugins/pdfmake/build/vfs_fonts.js"></script>
<script src="../assets/plugins/jszip/dist/jszip.min.js"></script>
<!-- <link rel="stylesheet" href="{{ asset('css/jquery-ui.css')}}" /> -->
<!-- <script src="{{ asset('js/jquery-ui.js') }}"></script> -->
<script src="{{ asset('js/cishc/receipt_court_report.js') }}"></script>
<!-- <script src="{{ asset('js/bootstrap-datetimepicker.js')}}"></script> -->
    <!-- <script src="{{ asset('js/bootstrap-datetimepicker.fr.js') }}"></script> -->
    <script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>
    <script src="/assets/plugins/select2/dist/js/select2.min.js"></script>
   <link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
<style type="text/css">
  .ui-front {
    z-index: 9999;
}
</style>
@endpush

@section('content') 
<div class="container">
<form action="{{ url('/') }}/receipt_report" method="post">
@csrf
<div class="card mb-3">
    <div class="card-header card-bg-color ">
    Receipt Report between Dates
    </div>
    <div class="card-body">

    <div class="row" id="dv_heading">
           
            <div class="col-sm-2 mb-3 ">
        <label class="control-label" for="txt_frmdate"><b>From Date</b><span class="cl_red"> *</span></label>
        
        <!-- <input type="text" class="form-control dtp" id="datepicker-autoClose" /> -->
        <!-- <div class="input-group date" id="datepicker-disabled-past" data-date-format="dd-mm-yyyy" data-date-start-date="Date.default">
        <input type="text" name="txt_frmdate" id="txt_frmdate" class="form-control form-control-sm dtp" placeholder="Date">
<span class="input-group-text input-group-addon"><i class="fa fa-calendar"></i></span>
</div> -->
<div class="input-group date datepicker-autoClose"  data-date-format="dd-mm-yyyy" >

<input type="text" name="txt_frmdate" id="txt_frmdate" class="form-control form-control-sm dtp" placeholder="Date">
<span class="input-group-text input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
        <small class="text-danger" id="txt_frmdate_e">
        </small>
        </div>
        <div class="col-sm-2 mb-3">
        <label class="control-label" for="txt_todate"><b>To Date</b><span class="cl_red"> *</span></label>
        <div class="input-group date datepicker-autoClose"  data-date-format="dd-mm-yyyy" >

        <input type="text" name="txt_todate" id="txt_todate" class="form-control form-control-sm dtp" placeholder="Date">
<span class="input-group-text input-group-addon"><i class="fa fa-calendar"></i></span>
</div>
        
        <small class="text-danger" id="txt_todate_e">
        </small>
        </div>
        <div class="col-sm-3 mb-3">
        <label class="control-label" for="ddl_section"><b>Section</b><span class="cl_red"></span></label>
        <select name="ddl_section" id="ddl_section" class="form-select form-select-sm multiple-select2" multiple>
         <option value="">Select</option>
         @foreach($getSectionFromEstalishment as $section)
         <option value="{{ $section->id }}">{{ $section->section_name }}</option>
         @endforeach
       </select>
        </div>
        <div class="col-sm-2 mb-3">
        <label class="control-label" for="ddl_selecttype"><b>Select Receipt No. From</b></label>
        <select name="ddl_selecttype" id="ddl_selecttype" class="form-select form-select-sm ">
         <option value="">All</option>
         <option value="1">Greater Than or equal to</option>
         <option value="2">Less Than or equal to</option>
       </select>
        </div>
        <div class="col-sm-3 mb-3 d-none" id="dv_receipt_no">
        <label class="control-label" for="m_lcno"><b>Receipt No.</b><span class="cl_red"></span></label>
       
        <div class="input-group">
  
  @php  $year=date('Y'); @endphp
  <input type="text" name="t_h_cno" id="t_h_cno" class="form-control form-control-sm cl_anr_no_yr" placeholder="Receipt No.">
 
  <span class="input-group-addon mt-1">-</span>
  <select name="t_h_cyt" id='t_h_cyt' class="form-select form-select-sm cl_anr_no_yr">
                <option value="">Select</option>
         @for($i=$year;$i>=1930;$i--)
          <option value="{{$i}}">{{$i}}</option>
          @endfor
              </select>
             
</div>
<small class="text-danger" id="t_h_cno_e"></small>
              <small class="text-danger" id="t_h_cyt_e"></small>
</div>
<div class="row">
        <div class="col-sm-12 mb-3 text-center">
        
        <input type="button" name="btn_submit" id="btn_submit" value="Submit" class="btn btn-primary btn-sm"/>
        </div>
</div>
</div>

</div>
</div>

</form>
</div>

@endsection