@extends('layouts.default')

<!-- @section('title','Receipt') -->
@push('scripts')
<!--<script src="{{ asset('js/typeahead.js') }}"></script>
<script src="{{ asset('js/bootstrap3-typeahead.min.js') }}"></script

<script src="{{ asset('js/autocomplete.js') }}"></script>-->
<link rel="stylesheet" href="{{ asset('css/jquery-ui.css')}}" />
<script src="{{ asset('js/jquery-ui.js') }}"></script>
    <script src="{{ asset('js/pendency.js') }}"></script>
    <script src="{{ asset('js/bootstrap-datetimepicker.js')}}"></script>
    <script src="{{ asset('js/bootstrap-datetimepicker.fr.js') }}"></script>
    <style type="text/css">
       .sp_total
       {
           color: blue;
       }
       .sp_total:hover
       {
           cursor: pointer;
       }
    </style>
  
@endpush

@section('content') 
<div class="card mb-3 cl_upd_hds">
    <div class="card-header bg-dark text-white">
        Pendency Report
    </div>
    <div class="card-body">
<div class="row" >
    <div class="col-sm-2 offset-sm-4">
    <label class="control-label" for="txt_date"><b>Pendency as on</b></label>
        <input type="text" name="txt_date" id="txt_date" class="form-control form-control-sm @error('txt_email') border border-danger  @enderror dtp" placeholder="" value="{{old('txt_date')}}">
        <span class="text-danger" id="e_txt_date">
          @error('txt_email')
          {{$message}}
          @enderror
        </span>
    </div>
    <div class="col-sm-2">
    <label class="control-label" for="ddl_wise"><b>Year / Nature wise</b></label>
    <select name="ddl_wise" id="ddl_wise" class="form-select form-select-sm @error('ddl_wise') border border-danger @enderror">
         <option value="">Select</option>
         <option value="1">Year Wise</option>
         <option value="2">Nature Wise</option>
         <option value="3">State Wise</option>
       </select>
       <span class="text-danger" id="e_ddl_wise">
          @error('ddl_wise')
             {{$message}}
          @enderror
        </span>
    </div>
    <div class="col-sm-2">
    <label class="control-label"><b></b></label>
    <button type="button" class="btn btn-primary btn-sm  mt-3" name="btn_save" id="btn_save">Submit</button>
       <span class="text-danger">
          @error('ddl_wise')
             {{$message}}
          @enderror
        </span>
    </div>
    </div>
    <div id="dv_reult"></div>
    </div>
</div>

<div class="modal" id="myModal">
  <div class="modal-dialog modal-xl modal-dialog-scrollable">
    <div class="modal-content">

      <!-- Modal Header -->
      <div class="modal-header">
      <b><small class="modal-title" id="modal_heading"></small></b>
      <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>

      <!-- Modal body -->
      <div class="modal-body" id="dv_shw_pdf">
      
        
</div>
     

      <!-- Modal footer -->
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
      </div>

    </div>
  </div>
</div>

@endsection