@extends('layouts.default')

@push('scripts')
<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" />
<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>
<link rel="stylesheet" href="{{ asset('css/jquery-ui.css')}}" />
<!--<script src="{{ asset('js/jquery-ui.js') }}" defer="defer"></script>-->
<script src="{{ asset('js/pending_anr.js') }}"></script>
<script src="{{ asset('js/bootstrap-datetimepicker.js')}}"></script>
  
    <style type="text/css">
        .sp_anr
        {
            color:blue;
        }
        .sp_anr:hover
        {
           cursor: pointer;
        }
    </style>
@endpush

@section('content') 
<div class="container">
<form action="{{ url('/') }}/pending_anr" method="post">
<div class="card mb-3 cl_upd_hds">
    <div class="card-header bg-dark text-white">
       Update Pending application  
    </div>
    <div class="card-body">
    <div class="table-responsive">

<table id="data-table-combine" class="table table-striped table-bordered align-middle">
  <thead>
    <tr>
     <th data-orderable="false">S.No.</th>
      <th>ANR No.</th>
      <th>Applicant</th>
      <th>Old ANR No.</th>
      <th></th>
      </tr>
  </thead>
  <tbody>
      @if(count($getPendingANR)>0)
            @foreach($getPendingANR as $val)
        <tr>
            <td>
               {{ $sno }}
            </td>
            <td>
                <span id='spanr_{{ $sno }}' class="sp_anr">{{ $val->anr_no }} - {{ $val->anr_year  }}</span>
            </td>
            <td>
                {{ $val->applicant }}
            </td>
            <td>
              {{ $val->legal_aid_grant_no }}
            </td>
            <td>
                <a href="{{ url('/') }}/anr_no/redirect/{{ $val->id }}">Edit</a>
            </td>

        </tr>
              @endforeach
      @endif
  </tbody>
           </table>
       </div>
</div>
</div>
</form>
</div>

<div class="modal" id="myModal">
  <div class="modal-dialog modal-xl">
    <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