@extends('layouts.default')

@push('scripts')
<style type="text/css">
       .sp_total
       {
           color: blue;
       }
       .sp_total:hover
       {
           cursor: pointer;
       }
    </style>
<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/screening_committee_case_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>
<style type="text/css">
  .ui-front {
    z-index: 9999;
}
.fa 
     {
       cursor: pointer;
     }
</style>
<style type="text/css">
       .sp_total
       {
           color: blue;
       }
       .sp_total:hover
       {
           cursor: pointer;
       }
    </style>

@endpush

@section('content') 
<div class="container">
<form action="{{ url('/') }}/receipt_report" method="post">
@csrf
<div class="card mb-3">
    <div class="card-header bg-dark text-white">
    Screening Committee Case Details
    </div>
    <div class="card-body">

    <div class="row" id="dv_heading">
            <div class="col-sm-2 mb-3 offset-sm-2 d-none">
            <label for="sp_rto" class="control-label"><b>Establishment</b></label>
            <select name="sp_rto" id='sp_rto' class="form-select form-select-sm">
         @foreach($getRtoCodes as $getRtoCode)
          <option value="{{ $getRtoCode->id }}">{{$getRtoCode->est_code}}</option>
          @endforeach
              </select>
        </div>
            <div class="col-sm-3 mb-3 offset-sm-2">
        <label class="control-label" for="txt_frmdate"><b>From Date</b><span class="cl_red"> *</span></label>
        <input type="text" name="txt_frmdate" id="txt_frmdate" class="form-control form-control-sm dtp" placeholder="Date">
        <small class="text-danger" id="txt_frmdate_e">
        </small>
        </div>
        <div class="col-sm-3 mb-3">
        <label class="control-label" for="txt_todate"><b>To Date</b><span class="cl_red"> *</span></label>
        <input type="text" name="txt_todate" id="txt_todate" class="form-control form-control-sm dtp" placeholder="Date">
        <small class="text-danger" id="txt_todate_e">
        </small>
        </div>
        <div class="col-sm-3 mb-3 mt-3">
        
        <input type="button" name="btn_submit" id="btn_submit" value="Submit" class="btn btn-primary btn-sm"/>
        </div>

</div>

<div class="row" id="dv_result">
@include('screening_committee.screeningcommittee_case_report')
</div>

</div>
</div>

</form>
</div>

@endsection