@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
@if(!empty($sc_id))
@if(count($sc_id)>0)
@foreach($sc_id as $itemsc)
@php
$sc_id_anr=$itemsc->case_type;
@endphp
@endforeach
             @endif
             @endif

             <style>
.alert {
  padding-top: 0.5375rem;
  padding-bottom: 0.5375rem;
}
</style>

<link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script src="/assets/plugins/select2/dist/js/select2.min.js" defer></script>
<script src="../assets/plugins/ckeditor/ckeditor.js"></script>
<form name="form_raise_defecs" id="form_raise_defecs">  
<div class="panel ">
    <div class="panel-heading bg-blue-600 ">
    <h4 class="panel-title">Raise Defects</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">Defect in Eligiblity</div>
<div class="col-md-6">
<div class="md-form">
<select name="eligibility_defects" id="eligibility_defects" class="default-select2 form-control" aria-label="Select eligibility for defect">
  <option selected></option>
</select>           
</div>
                    </div>
                    <div class="col-md-2"><button type="button" class="btn btn-primary btn-sm" id="add_eligibility">Add</button>
                    </div></div>

<div class="row mb-2">
<div class="col-md-2"></div>
<div class="col-md-2">Defect in Documents</div>
<div class="col-md-6">
<div class="md-form">
<select name="document_defects" id="document_defects" class="default-select2 form-control" aria-label="Select documents for defect">
  <option selected></option>
</select>           
</div>
                    </div>
                    <div class="col-md-2"><button type="button" class="btn btn-primary btn-sm" id="add_document">Add</button>
                    </div></div>
<div class="row mb-2">
<div class="col-md-2"></div>
<div class="col-md-2">Other Defect</div>
<div class="col-md-6">
<div class="md-form">
<select name="objection_defects" id="objection_defects" class="default-select2 form-control"  aria-label="Select other objections">
  <option selected></option>
</select>           
</div>
                    </div>
                    <div class="col-md-2"><button type="button" class="btn btn-primary btn-sm" id="add_objection">Add</button>
                    </div></div>
                    <hr>
<div class="row mb-2">
<div class="col-md-2"></div>
<div class="col-md-8">
<div class="md-form">
  <div id="selectedDefects"></div>
</div>
</div>
                    
                    <div class="col-md-2 text-right"><button type="button" class="btn btn-primary btn-sm" style="display:none;" id="save_defects">Save Defects</button>
                    </div></div>

<!-- <div id="defectLetter" style="display:none;">  <hr>
<div class="row mb-2">
<div class="col-md-1"></div>
<div class="col-md-10">
  <label><h5>Letter to Applicant regarding defects</h5></label>
<textarea class="ckeditor" id="editor1" name="editor1" rows="20"></textarea>
</div>
<div class="col-sm-1 text-right"></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_defects_letter">Save</button></div>
</div> 
</div> -->
</div>
</div>
</form>  
</body>
</html>
<script>
$(document).ready(function(){


  var target = $( "#selectedDefects" )[0];
// Create an observer instance
var observer = new MutationObserver(function( mutations ) {
   mutations.forEach(function( mutation ) {
       var newNodes = mutation.addedNodes; // DOM NodeList
       if( newNodes !== null ) { // If there are new nodes added
        if($('#selectedDefects').html()!='')
    $('#save_defects').show();
 else
 $('#save_defects').hide();

      }
   });    
});

// Configuration of the observer:
var config = { 
    attributes: true, 
    childList: true, 
    characterData: true 
};

// Pass in the target node, as well as the observer options
observer.observe(target, config);
// Later, you can stop observing
// observer.disconnect();


  function selectDefect(defectFrom,selectedValue,selectedText){
    if(defectFrom!=''){
      if($('#' + defectFrom +'_' + selectedValue).length == 0) {
var model = $('#selectedDefects');
model.append('<div class="alert alert-warning alert-dismissible fade show mb-1" id="' + defectFrom +'_' + selectedValue + '"><strong><span class="text-danger">' + defectFrom + '!</span></strong>&nbsp;&nbsp;<div style="display:inline;" id="' + defectFrom + 'text_' + selectedValue + '">' + selectedText + '</div><button type="button" class="btn-close" data-bs-dismiss= "alert"></button></div>');
    }
  }
  }

  
  $(document).on("click", '#add_document', function () {
    var selectedValue = $('#document_defects').val();
    if(selectedValue!=''){
      var selectedText = $('#document_defects option:selected').text();
    selectDefect('Document',selectedValue,selectedText);
    }
  });
  $(document).on("click", '#add_eligibility', function () {
    var selectedValue = $('#eligibility_defects').val();
    if(selectedValue!=''){
      var selectedText = $('#eligibility_defects option:selected').text();
    selectDefect('Eligibility',selectedValue,selectedText);
    }
  });
  $(document).on("click", '#add_objection', function () {
    var selectedValue = $('#objection_defects').val();
    if(selectedValue!=''){
      var selectedText = $('#objection_defects option:selected').text();
    selectDefect('Objection',selectedValue,selectedText);
    }
  });
            function anr_defectlist() {
              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);
}
                        });
                       
                    });
        };
//             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);
// }
                       
//                     });
//         };

             

function document_list() {
            var url = "{{ url('checklist123')}}";
            
            $.get(url,
            {sc_id: '{{ $sc_id_anr }}', lc_supreme_court: '{{$lc_supreme_court}}', lc_party_pet_res: '{{$lc_party_pet_res}}' },
                    function (data) {
                      var model = $('#document_defects');
                        model.empty();
                        model.append("<option  value=''>&nbsp;</option>");
                        $.each(data, function (index, element) {
                            if(element.id=='{{ old("document_defects")}}')
                            var selOption=" selected=selected ";
                            else
                            var selOption='';
                            model.append("<option value='" + element.id + "'" + selOption + ">" + element.doc_name + "</option>");
                        });
                    }
            );
        }
function eligibility_list() {
            var url = "{{ url('get_eligibility')}}";
            $.get(url,
            // {sc_id: '{{ $sc_id_anr }}' },
                    function (data) {
                      var model = $('#eligibility_defects');
                        model.empty();
                        model.append("<option  value=''>&nbsp;</option>");
                        $.each(data, function (index, element) {
                            if(element.id=='{{ old("eligibility_defects")}}')
                            var selOption=" selected=selected ";
                            else
                            var selOption='';
                            model.append("<option value='" + element.id + "'" + selOption + ">" + element.eligibility_condition + "</option>");
                        });
                    }
            );
        }
function objection_list() {
            var url = "{{ url('get_objections')}}";
            $.get(url,
            // {sc_id: '{{ $sc_id_anr }}' },
                    function (data) {
                      var model = $('#objection_defects');
                        model.empty();
                        model.append("<option value=''>&nbsp;</option>");
                        $.each(data, function (index, element) {
                            if(element.id=='{{ old("objection_defects")}}')
                            var selOption=" selected=selected ";
                            else
                            var selOption='';
                            model.append("<option value='" + element.id + "'" + selOption + ">" + element.objection + "</option>");
                        });
                    }
            );
        }

        function decodeHtml(html) {
    var txt = document.createElement("textarea");
    txt.innerHTML = html;
    return txt.value;
}

function get_defects() {
            var url = "{{ url('get_defects')}}";
            var anr_id = {{ $anr_id }};
            var defects_list='';
var sn=0;
            $.ajax({  
                url:url,  
                method:"get",  
                type:'json',
                data: { "anr_id": anr_id, 'defect_type':'E' }, 
                success:function(data)  
                {
                    if(data.error){
                        printErrorMsg(data.error);
                    }else{
                      $.each(data, function (index, element) {
                        
                          selectDefect('Eligibility',element.defect_id,element.doc);
                          // if(sn==0)
                          // defects_list+='<br><u><b>Eligibility</b></u>:';
                          sn++;
                          defects_list+= sn+'. '+element.doc+'<br>';
                        });

                        $.ajax({  
                url:url,  
                method:"get",  
                type:'json',
                data: { "anr_id": anr_id, 'defect_type':'D' }, 
                success:function(data)  
                {
                    if(data.error){
                        printErrorMsg(data.error);
                    }else{
                      // sn=0;
                      $.each(data, function (index, element) {
                          selectDefect('Document',element.defect_id,element.doc);
                          // if(sn==0)
                          // defects_list+='<br><u><b>Document</b></u>:';
                          sn++;
                          defects_list+= sn+'. '+element.doc+'<br>';
                        });
                        $.ajax({  
                url:url,  
                method:"get",  
                type:'json',
                data: { "anr_id": anr_id, 'defect_type':'O' }, 
                success:function(data)  
                {
                    if(data.error){
                        printErrorMsg(data.error);
                    }else{
                      // sn=0;
                      $.each(data, function (index, element) {
                          selectDefect('Objection',element.defect_id,element.doc);
                          // if(sn==0)
                          // defects_list+='<br><u><b>Objections</b></u>:';
                          sn++;
                          defects_list+= sn+'. '+element.doc+'<br>';
                                                });

//                         var url_letter = "{{ url('get_defects_letter')}}";
//                       $.get(url_letter,
//              {anr_id: anr_id },
//                     function (data) {
                     
//                       if ($.trim(data)){ 
//                         $.each(data, function (index, element) {
//                         //  alert(decodeHtml(element.letter_html));
//                           $('#defectLetter').show();
//         CKEDITOR.instances.editor1.setData( decodeHtml(element.letter_html) );
// //  $('#editor1').html(decodeHtml(element.letter_html));
                          
//                         });
//                       }
//                       else{
//                         var letter_format="";
// letter_format+="<p>To,</p>";               
// letter_format+="<p>(applicant name)<br>";               
// letter_format+="<p>(Address)</p>";               
// letter_format+="<p>Subject: Seeking Legal Services for filing SLP(Crl.) before the Hon\'ble Supreme Court.</p>";               
// letter_format+="<p>Sir,</p>";               
// letter_format+="<p>With reference to your application dated (DATE) seeking legal services to file SLP(Crl.) before the Hon\'ble Supreme Court, I am directed to say that the same is defective as you have not sent the following documents, which are essential in preparing and filing the effective petition:-</p>";               
// letter_format+='<p>'+defects_list+'</p>';
// letter_format+='<p>In view of above, your application is lodged with the advice to kindly contact your High Court Legal Services Committee at the address given below for completing the documents and transmitting the same to this Committee: Secretary, U.P. State Legal Services Authority, 3rd Floor,Jawahar Bhawan, Annexe, Lucknow-266001, U.P</p>';
// letter_format+='<div style="align:right;"><p>Yours sincerely,</p></div>';

// CKEDITOR.instances.editor1.setData(letter_format);
//                         // $('#editor1').html();
//                           $('#defectLetter').show();  
//                       }
//                     });       
                    // getRemoveDefects();
               
                    }
                }  
           });
                        
                    }
                }  
           });                        
                    }
                }  
           });
        }
eligibility_list();      
@if(!empty($data["sc_skey"]))
document_list();
@endif
objection_list();
get_defects();
// $('textarea').ckeditor({language: 'de'});

$(".default-select2").select2();
      });
</script>