@extends('layouts.default')
@php
use App\Http\Controllers\DiaryNo\verificationController;
@endphp
@section('title', 'Diary Details')
@push('head')
<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/js/jquery-3.3.1.min.js"></script>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> -->
<script src="../assets/plugins/datatables.net/js/jquery.dataTables.min.js" defer></script>
<script src="../assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js" defer></script>
<script src="../assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js" defer></script>
<script src="../assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js" defer></script>

@endpush

@php
  $head=" for verification";
@endphp

@section('content')
@if(!empty($anrList))
@if(count($anrList)>0)
<div class="panel panel-inverse">
  <div class="panel-heading">
    <h4 class="panel-title">Diary List{{$head}}</h4>
    <div class="panel-heading-btn">
      <a href="#" class="btn btn-xs btn-icon btn-circle btn-default" data-toggle="panel-expand">
        <i class="fa fa-expand"></i>
      </a>
      <a href="#" class="btn btn-xs btn-icon btn-circle btn-success" data-toggle="panel-reload">
        <i class="fa fa-repeat"></i>
      </a>
      <a href="#" class="btn btn-xs btn-icon btn-circle btn-warning" data-toggle="panel-collapse">
        <i class="fa fa-minus"></i>
      </a>
      <a href="#" class="btn btn-xs btn-icon btn-circle btn-danger" data-toggle="panel-remove">
        <i class="fa fa-times"></i>
      </a>
    </div>
  </div>
  <div class="panel-body">
<div class="row"><div class="col-sm-12">
<table id="data-table-default" class="table table-striped table-bordered align-middle  fs-12px">
<thead>
<tr>
<th width="1%" data-orderable="false"></th>
    <th>Diary No.</th>
    {{-- <th>Case Type</th> --}}
    <th>Applicant Name</th>
    <th>Category</th>
<th data-orderable="false"></th>
</tr>
</thead>
<tbody>

@foreach($anrList as $item) 
@php
  $casetype=$item->case_type;
@endphp
<tr>
<td class="text-center">{{$loop->iteration}}</td>
<td>{{$item->anr_no}} / {{$item->anr_year}}</td>
{{-- <td>{{ verificationController::getSCCaseName($casetype); }}</td> --}}
<td>{{$item->applicant}}</td>
<td>{{$item->category}}</td>
<td class='text-center'>
<a data-bs-toggle="modal" data-bs-target="#myModal" data-anrno="{{$item->anr_no}} / {{$item->anr_year}}" data-anr="{{$item->id}}" href='#' class="pr-1 text-primary anrlink" title="View ANR Details">
                <i class="far fa-lg fa-fw me-5px fa-eye"></i>
                </a>
<!-- <a href='{{"/anr_status/".$item->id."/view"}}' class="pr-1 text-primary" title="View ANR Details">
                <i class="far fa-lg fa-fw me-5px fa-eye"></i>
                </a> -->
@if($head!='')                
<a href='{{"/verification_form/".$item->id}}' class="pr-1 text-primary" title="ANR Verification">
                <i class="fas fa-lg fa-fw me-5px fa-check-double"></i>
                </a>
                @endif
            </td>
</tr>

@endforeach

</tbody>
</table>
</div></div></div></div>
@endif
@endif
@endsection

<div class="modal" id="myModal">
  <div class="modal-dialog modal-xl">
    <div class="modal-content" style="height:90vh;">

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

      <!-- Modal body -->
      <div class="modal-body"  id="dv_shw_pdf" style="height:90vh;overflow-y: auto;">
     
      </div>

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

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


@push('scripts')
 <script>
$(document).ready(function(){
   $('#data-table-default').DataTable({    responsive: true, iDisplayLength: 50,
    "fnRowCallback" : function(nRow, aData, iDisplayIndex){
      var oSettings = this.fnSettings ();
                $("td:first", nRow).html(oSettings._iDisplayStart+iDisplayIndex +1);
               return nRow;
            },
    });

    $(document).on("click", '.panel-heading', function (ev) {
        ev.stopPropagation();
        $(this).find('a.plusMinus').click();
    });
    $(document).on("click", '.plusMinus', function (ev) {
    ev.stopPropagation();
});
$(document).on("click", '.anrlink', function () {
  var anr=$(this).data('anr');
  var anrno=$(this).data('anrno');
  $("#dv_shw_pdf").html('');
var url="/anr_status/"+anr+"/status";
                      $.get(url) 
                 .done(function(data1, status)  
                {
                    if(data1.errors || data1.failed){
                      // $("#closediv").html('');
                      Swal.fire({
        icon: 'error',
        title: 'Error',
        text: data1.failed,
        timer: 3000,
        timerProgressBar: true
      });
                    }else{
                     // alert(data1);
                      $("#modal_heading").html('ANR Details : <b>'+anrno+'</b>');
                      $("#dv_shw_pdf").html(data1);
                    }
                }); 
        });
});
</script>
@endpush