@extends('layouts.default')

@push('scripts')
<style type="text/css">
.cl_appication
{
  color: blue;
}
.cl_appication: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 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') }}"></script>
<script src="{{ asset('js/elimination.js') }}"></script>
<style type="text/css">
  .ui-front {
    z-index: 9999;
}
</style>
@endpush

@section('content') 
<div class="container">
<form action="{{ url('/') }}/elimination" method="post">
@csrf
<div class="card mb-3">
    <div class="card-header bg-dark text-white">
    ANR to be eliminated
    </div>
    <div class="card-body">
    <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>Application Type</th>
      <th>Applicant</th>
      <!-- <th>State</th> -->
     <th>SC Case No.</th>
     <th>SC Filing Date</th>
     <th>SC Petitioner Vs Respondent</th>
     <th>SC Disposal Date / Closing Date</th>
     
     <th>Closing Reason</th>
  
     <th data-orderable="false"></th>
    </tr>
  </thead>
  <tbody>
          @foreach($o_array as $val)
      <tr>
          <td>
           {{ $sno }}
          </td>
          <td>
             {{ $val->anr_no }}/{{ $val->anr_year }}
          </td>
          <td>
              {{ $val->sc_skey }}
          </td>
          <td>
          {{ $val->name }} {{ $val->party_rel_type }} {{ $val->prfhname }} <br/>{{ $val->address }} 
          @if($val->district_nm!=''), {{ $val->district_nm  }} @endif @if($val->state_nm!=''), {{ $val->state_nm  }} @endif
          </td>
          <!-- <td>
            
          </td> -->
          <td>
            @if($val->s==1)
            {{ $val->sc_case_type_id_nm }}-{{ $val->case_number }}-{{ $val->case_year }}
            @endif
            </td>
            <td>
            @if($val->s==1)
            {{ $val->date_of_filing }}
            @endif
            </td>
            <td>
            @if($val->s==1)
            {{ $val->petitioner }}<br/>Vs<br/>{{ $val->respondent }}
            @endif
            </td>
            <td>
            @if($val->s==1)
            {{ $val->date_of_decision }} 
            @endif
            @if($val->s==2)
                {{ $val->closing_date }} 
          
              @endif

            </td>
          
            <td>
              @if($val->s==2)
                {{ $val->closing_reason }} - {{ $val->closing_remark }}
             @else 
               -
              @endif
            </td>
           
          <td>
          <a href="{{ url('/') }}/elimination_details/{{  $val->id }}" target="_blank" class="link-primary"><i class="fa fa-eye fa-lg" aria-hidden="true" title="Eliminate ANR"></i></a>
      </td>
      </tr>
          @endforeach
  </tbody>
    </table>
</div>
</div>
</form>
</div>
@endsection