@extends('layouts.default')
@php
use App\Http\Controllers\Da\DaController;
@endphp
@section('title', 'Dashboard')
@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
@section('content')
@if(!empty($user_post))
@if(count($user_post)>0)
@foreach($user_post as $item) 
<section class="mb-4">
<h1 class="page-header p-2">Dashboard <small><strong>{{$item->name}}</strong>, {{$item->post_name}}</small></h1>
@if(!empty($notesheet))
@if(count($notesheet)>0) 
<div class="row  p-2">
<div class="col-12 md-6">
<div class="accordion" id="accordion">
<div class="accordion-item border-1">
<div class="accordion-header" id="heading1">
<button class="accordion-button bg-white text-nowrap text-black px-3 py-10px pointer-cursor collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="false">
<div class="col-10">
<i class="fa fa-circle fa-fw text-blue me-2 fs-8px"></i> Notesheets.
</div>
<div class="col-1"><strong>{{ count($notesheet)==0 ? '' : count($notesheet) }}</strong></div>
</button>
</div>
<div id="collapse1" class="accordion-collapse collapse" data-bs-parent="#accordion" style="">
<div class="accordion-body bg-gray-100">
<div class="panel panel-inverse">
<div class="panel-body">
<div class="row"><div class="col-sm-12">
<table width="100%" id="data-table-default" class="table table-striped table-bordered align-middle">
<thead>
<tr>
<th width="1%" data-orderable="false"></th>
    <th>ANR NO.</th>
    <th>Case Type</th>
    <th>Applicant Name</th>
    <th>Notesheet</th>
</tr>
</thead>
<tbody>
@foreach($notesheet as $item1) 
<tr>
<td class="text-center">{{$loop->iteration}}</td>
<td>{{$item1->anr_no}} / {{$item1->anr_year}}</td>
<td>{{ DaController::getSCCaseName($item1->case_type); }}</td>
<td>{{$item1->applicant}}</td>
<td>
  @if($item1->file_name != '')
  <a class="btn btn-primary" type="button" href="\forwardNotesheet\{{$item1->notesheet_id}}">View & Forward</a>
@endif
</td>

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

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

</div>
</div>
</div>
@endif
@endif
<!-- @if(!empty($lsa_cases))
@if(count($lsa_cases)>0) 
<div class="row  p-2">
<div class="col-12 md-6">
<div class="accordion" id="accordion">
<div class="accordion-item border-1">
<div class="accordion-header" id="heading2">
<button class="accordion-button bg-white text-nowrap text-black px-3 py-10px pointer-cursor collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false">
<div class="col-10">
<i class="fa fa-circle fa-fw text-blue me-2 fs-8px"></i> Defective Applications.
</div>
<div class="col-1"><strong>{{ count($lsa_cases)==0 ? '' : count($lsa_cases) }}</strong></div>
</button>
</div>
<div id="collapse2" class="accordion-collapse collapse" data-bs-parent="#accordion" style="">
<div class="accordion-body bg-gray-100">
<div class="panel panel-inverse">
<div class="panel-body">
<div class="row"><div class="col-sm-12">
<table width="100%" id="data-table-default" class="table table-striped table-bordered align-middle">
<thead>
<tr>
<th width="1%" data-orderable="false"></th>
    <th>ANR NO.</th>
    <th>Case Type</th>
    <th>Applicant Name</th>
    <th></th>
</tr>
</thead>
<tbody>
@foreach($lsa_cases as $item11) 
<tr>
<td class="text-center">{{$loop->iteration}}</td>
<td>{{$item11->anr_no}} / {{$item11->anr_year}}</td>
<td>{{ DaController::getSCCaseName($item11->case_type); }}</td>
<td>{{$item11->name}}</td>
<td>
<a data-bs-toggle="modal" data-bs-target="#myModal" data-anrno="{{ $item11->anr_no }} / {{ $item11->anr_year }}" data-anr="{{ $item11->id }}" href="#" class="pr-1 text-primary anrlink" title="View ANR Details of {{ $item11->anr_no }} / {{ $item11->anr_year }}"><i class="far fa-lg fa-fw me-5px fa-eye"></i></a>
</td>

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

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

</div>
</div>
</div>
@endif
@endif -->
</section>
@endforeach
@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(){
  $("#datepicker").datepicker({
    todayHighlight: true,
    // inline: true
  });
});
</script>
@endpush
@push('scripts')
 <script>
$(document).ready(function(){
   $('#data-table-default').DataTable({    responsive: true,
    "fnRowCallback" : function(nRow, aData, iDisplayIndex){
      var oSettings = this.fnSettings ();
                $("td:first", nRow).html(oSettings._iDisplayStart+iDisplayIndex +1);
               return nRow;
            },
    });

    $(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