@if(!empty($getSCCaseTypes))
@if(count($getSCCaseTypes)>0)
@foreach($getSCCaseTypes as $item)
@php
$data["id"]=$item->id;
$data["sc_skey"]=$item->sc_skey;
@endphp
@endforeach
             @endif
             @endif

<form name="form_checklist" id="form_checklist">  
<div class="panel">
    <div class="panel-heading bg-blue-600 ">
    <h4 class="panel-title">Documents Checklist</h4>
    <div class="panel-heading-btn">
      <a href="#" class="btn btn-xs btn-icon btn-circle btn-danger" data-toggle="panel-collapse">
        <i class="fa fa-minus"></i>
      </a>
    </div>
    </div>
    <div class="panel-body">
  <div class="row mb-2">
<div class="col-md-2"></div>
<div class="col-md-2">Case Type</div>
<div class="col-md-6">
<div class="md-form">
                        <select name="casetype" id="casetype" class="form-select form-select-sm" aria-label="Select Case Type">
                        <option value="">Select</option>
         @foreach($getSCCaseTypes as $getSCCaseType)
         <option value="{{$getSCCaseType->id}}" @if($sc_id==$getSCCaseType->id) {{'selected'}} @endif>{{$getSCCaseType->sc_skey}}</option>
         @endforeach
</select>
@if($lc_party_pet_res=='P')
{{ 'Petitioner'}}
@endif 
@if($lc_party_pet_res=='R')
{{ 'Respondent'}}
@endif 
</div>
                    </div>
                    <div class="col-md-2"></div>
</div>

<div class="row mb-2">
<div class="col-md-2"></div>
<div class="col-md-2">List of Documents</div>
<div class="col-md-6">
<div class="md-form" id="checklistDiv">
</div>
                    </div>
                    <div class="col-md-2"></div>
</div>
<div class="row">
<div class="col-sm-11"></div><div class="col-sm-1 text-right"><button type="button" class="btn btn-primary btn-sm" id="save_document">Save</button></div>
</div>
</div>
</div>
</form>  
<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;">
     
      </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>
</body>
</html>
<script>
$(document).ready(function(){
  $(document).on("click", '#checkall', function () {
    
    if($(this).is(":checked")) {

      $('input[name="checklistoptions"]').prop("checked" , true);
}
else{
  $('input[name="checklistoptions"]').prop("checked" , false);
}
  });
          
  function anr_checklist() {
            var anr_id = {{ $anr_id }};
            var districtUrl = "{{ url('anr_checklist')}}";
            $.get(districtUrl,
            {anr_id: anr_id },
                    function (data) {
                        $.each(data, function (index, element) {
                          if($("#checklistoptions" + element.document_id).length > 0) {
                            $("#checklistoptions" + element.document_id).prop("checked", true);
}
                        });
                    });
        };

        $(document).on("click", '.pdflink', function () {
var pdf=$(this).data('file');
var title=$(this).attr('title');
if($("#dv_shw_pdf").length > 0) {
           $("#modal_heading").html(title);
           $("#dv_shw_pdf").html('<embed id="modal_src" src="'+pdf+'" frameborder="0" width="100%" height="100%">');
          //  $(this).attr("data-bs-target","#myModal");
}
        });

            function anr_indexing() {
              var anr_id = {{ $anr_id }};
              var other_scanned_documents='';
              var model = $('#checklistDiv');
            var url = "{{ url('anr_indexing')}}";
            $.get(url,
            {anr_id: anr_id },
                    function (data) {
                        $.each(data, function (index, element) {
                          if($("#pdf_" + element.id).length > 0) {
                            $("#pdf_" + element.id).html('<a href="#" class="pdflink" data-bs-toggle="modal"  data-bs-target="#myModal" title="'+element.doc_name+'" data-file="/document/'+element.pdf_name+'"><i class=\'fas fa-lg fa-fw me-10px fa-file-pdf text-danger\'></i></a>');
}
else{
if(other_scanned_documents=='')
model.append("<div class='row'><div class='col-md-11'><div class='form-check'><h5 class='text-danger'>Other Scanned Documents</h5></div></div></div>");
other_scanned_documents='Yes';
model.append("<div class='row'><div class='col-md-11'><div class='form-check'><label class='form-check-label'>" + element.doc_name + "</label></div></div><div class='col-md-1' id='pdf_" + element.id + "'>" + '<a href="#" class="pdflink" data-bs-toggle="modal"  data-bs-target="#myModal" title="'+element.doc_name+'" data-file="/document/'+element.pdf_name+'"><i class=\'fas fa-lg fa-fw me-10px fa-file-pdf text-danger\'></i></a>' + "</div></div>");
}
                        });
}
                        );
                    
        };
//             function anr_pd_remark() {
//               var anr_id = {{ $anr_id }};
//             var districtUrl = "{{ url('anr_pd_remark')}}";
//             $.get(districtUrl,
//             {anr_id: anr_id },
//                     function (data) {
//                       alert(data);
//                           if($("#remark").length > 0) {
//                             $("#remark").val(data[0]->remark);
// }
                       
//                     });
//         };data-bs-target="#myModal"

             

$(document).on("change", '#casetype', function () {
  // alert('dfgfdg');
            var districtUrl = "{{ url('/checklist123')}}";
            $.get(districtUrl,
            {sc_id: ($(this).val()=='' ? '{{old("casetype")}}' : $(this).val()), lc_supreme_court: '{{$lc_supreme_court}}', lc_party_pet_res: '{{$lc_party_pet_res}}' },
                    function (data) {
                        var model = $('#checklistDiv');
                        model.empty();
                        model.append("<div class='row'><div class='col-md-11'><div class='form-check'><input name='checkall' class='form-check-input' type='checkbox' id='checkall' value=''/><label class='form-check-label' for='checkall'>Select All</label></div></div><div class='col-md-1'></div></div>");

                        $.each(data, function (index, element) {
                          model.append("<div class='row'><div class='col-md-11'><div class='form-check'><input name='checklistoptions' class='form-check-input' type='checkbox' id='checklistoptions" + element.id + "' value='" + element.id + "'/><label class='form-check-label' for='checklistoptions" + element.id + "'>" + element.doc_name + "</label></div></div><div class='col-md-1' id='pdf_" + element.id + "'></div></div>");
                          
                          // setvalue();
                        });

                       anr_checklist();
                        anr_indexing();
                        //anr_pd_remark();
                    });
        });
       
@if(!empty($data["sc_skey"]))
$('#casetype').change();
@endif


      });
</script>