@extends('layouts.default')
@php
use App\Http\Controllers\Da\DaController;
@endphp
@section('title', 'SC Details Report')
@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')
<div class="row"> 
<div class="col-md-1"></div>
<div class="col-md-10 mb-1 bg-black p-2 text-white">
Supreme Court Case Details are not available in applications disposed in Supreme Court.
</div>
<div class="col-md-1"></div>
</div>
<div class="row mb-2"> 
<div class="col-md-1 "></div>
<div class="col-md-2 mb-2 bg-white p-3"><label for="report_filter_2" class=""><span><strong>Dealing Assistant</strong></span></label></div>
<div class="col-md-4 mb-2 bg-white p-3">
<div class="md-form">
<select class="form-select form-select-sm" name="report_filter_2" id="report_filter_2">
<option value="">Select</option>
@foreach($da as $value)
<option value="{{ $value->id }}">{{ $value->name }}</option>
@endforeach
</select>
</div>
                            
</div>                 
<div class="col-md-2 mb-2 bg-white p-3">
<div class="md-form">
<button type="button" name="btn" class="btn btn-primary pacases">SUBMIT</button>
</div>
                            
</div>                 
<div class="col-md-2 mb-2 bg-white p-3"></div>
<div class="col-md-1"></div>
              </div>

<div class="row mb-2"> 
<div class="col-md-1"></div>
<div class="col-md-10 mb-2 pt-3 bg-white p-2" id="result" style="display:none;">
</div>
<div class="col-md-1"></div>
</div>


@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>
   var prev_modal_content='';
   var prev_modal_heading='';
   var modal_counter=0;
$(document).ready(function(){
  function get_cases_pa(da){
$("#result").show();
$("#result").html('<center><div class="loader" id="loader"></div></center>');
var cntr=0; 
  var result='';
    var getUrl = "{{ url('/get_cases_pa') }}";
      $.post(getUrl,
               {   "da": da, "_token": "{{ csrf_token() }}" })
                .done(function(data)
                {
                  // alert(data);
result += "<table width='100%' class='table table-striped table-bordered align-middle fs-12px data-table-default'><thead><tr>"+'<th width="1%" data-orderable="false"></th><th style="white-space:nowrap;" >ANR NO.</th><th>Applicant Name</th><th>Advocate Name</th><th style="white-space:nowrap;">Assigned On</th><th style="white-space:nowrap;">Close Date</th><th></th>';
                  result += "</tr></thead>";
      $.each(data, function( key, value ) {
result += "<tr><td>"+(++cntr)+"</td>"; 
result += "<td width='1%' style='white-space:nowrap;' data-sort='"+(value.anr_year+String(value.anr_no).padStart(5, '0') )+"'>" + value.anr_no+" / "+value.anr_year+"</td>";
result += "<td>"+value.name+"</td>";
result += "<td>"+value.user_name+"</td>";
result += "<td class='text-center' width='1%'>"+value.created_at+"</td>";
result += "<td class='text-center' width='1%'>"+value.closing_date+"</td>";
result += '<td class="text-center"><a data-bs-toggle="modal" data-bs-target="#myModal" data-anrno="'+value.anr_no+' / '+value.anr_year+'" data-anr="'+value.id+'" href="#" class="pr-1 text-primary anrlink" title="View ANR Details of '+value.anr_no+' / '+value.anr_year+'"><i class="far fa-lg fa-fw me-5px fa-eye"></i></a>';
result += '</td>';
result += "</tr>";
});
result += "</table>";
// $('#tableDiv').html(result);
prev_modal_content=result;
modal_counter=0;

           $("#result").html(result);

$('.data-table-default').DataTable({
     responsive: true,iDisplayLength: 25,
    "fnRowCallback" : function(nRow, aData, iDisplayIndex){
      var oSettings = this.fnSettings ();
                $("td:first", nRow).html(oSettings._iDisplayStart+iDisplayIndex+1);
               return nRow;
            },
    });
    // $('#resultset').show();
    // $(window).scrollTop(($('#resultset').offset().top)-($('#header').height()));
                });
  }

  $(document).on("click", '.pacases', function(e) {
    var da='';
    da=$('#report_filter_2').val();

    get_cases_pa(da)
  });
  
$(document).on("click", '.showmodal', function(e) {
  e.preventDefault();
  $('#myModal').find('.modal-body').load($(this).attr('href'));
});
$("#myModal").on('hide.bs.modal', function (e) {
  // alert(prev_modal_content);
  if(modal_counter>0){
    e.preventDefault();
    modal_counter--;
  }
 if(prev_modal_content!=''){
  $("#modal_heading").html(prev_modal_heading);

  $("#dv_shw_pdf").html(prev_modal_content);
  // prev_modal_content='';

   //prev_modal_content='';
 }
    // put your default event here
});
$('.data-table-default').DataTable({
     responsive: true,iDisplayLength: 25,
    "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>');
                      modal_counter=0;
                      $("#dv_shw_pdf").html(data1);
                    }
                });
        });
    $(document).on("click", '.documentlink', function () {
  var anr=$(this).data('anr');
  var anrno=$(this).data('anrno');
  $("#dv_shw_pdf").html('');

  var cntr=0;
  var result='';   
                      var getUrl = "{{ url('/get_defects_lsa') }}";
      $.post(getUrl,
               {   "defect_type": "D", "anr_id": anr,  "_token": "{{ csrf_token() }}" })
                 .done(function(data)
                {
                  var file_need_to_upload=false;
                  result += '<form method="post" action="save_upload_documents" enctype="multipart/form-data">{{csrf_field()}}';
                  result += "<input type='hidden' value='"+anr+"' name='anr'>";
                  result += "<table width='100%' class='table table-striped table-bordered align-middle fs-12px data-table-default'><thead><tr><th width='1%' data-orderable='false'>SN</th><th>Document Name</th><th>Upload Document</th></tr>"; 
                   $.each(data, function( key, value ) {
result += "<tr><td>"+(++cntr)+"</td><td>"+value.doc+"</td><td>";
if((value.filename=='' || !value.filename)) {
  file_need_to_upload=true;
result += "<input class='form-control' type='file' id='doc"+value.id+"' name='filenames[]' accept='application/pdf'><input type='hidden' value='"+value.id+"' name='fileids[]'>";
}
else{
  if(value.verified==false)
  var verified=" (Not Verified)";
  else
  var verified=" (Verified)";

  result += "<a href='documents_by_lsa/"+value.filename+"' target='_blank'>VIEW PDF</a>"+verified;
  if( (value.verified==false || !value.verified))
  result += "&nbsp;<input class='btn btn-primary btn-sm verify_button' type='button' name='ver_but_"+value.id+"' id='ver_but_"+value.id+"' data-anr="+anr+" data-id="+value.id+" value='Verify'>";
}
result += "</td></tr>";
                   });
                   if(cntr>0 && file_need_to_upload){
                    result += "<tr><td colspan=3 align=center><input type='submit' id='uploaddoc' name='uploaddoc' value='Upload Documents'/></td></tr>";                     
                   }
                   result += "</table>";
                   result += '</form>';
// $('#tableDiv').html(result);
prev_modal_content=result;
modal_counter=0;
if($("#dv_shw_pdf").length > 0) {
          //  $("#modal_heading").html(title);
           $("#dv_shw_pdf").html(result);
          //  $(this).attr("data-bs-target","#myModal");
}
$('.panel-title').html('Upload Documents in ANR No. '+anrno);
// $('.data-table-default').DataTable({
//      responsive: true,iDisplayLength: 25,
//     "fnRowCallback" : function(nRow, aData, iDisplayIndex){
//       var oSettings = this.fnSettings ();
//                // $("td:first", nRow).html(oSettings._iDisplayStart+iDisplayIndex+1);
//                //return nRow;
//             },
//     });                   
                });
        });
});
</script>
@endpush