@extends('layouts.default')
@push('scripts')
<link rel="stylesheet" href="{{ asset('css/jquery-ui.css')}}" />

<script src="{{ asset('js/jquery-ui.js') }}"></script>
<!-- <meta name="referrer" content="none-when-downgrade" />  -->
<meta name="csrf-token" content="{{ csrf_token() }}" />
<!--<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" />
<link href="/assets/plugins/datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-colreorder-bs5/css/colReorder.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-keytable-bs5/css/keyTable.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-rowreorder-bs5/css/rowReorder.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-select-bs5/css/select.bootstrap5.min.css" rel="stylesheet" />-->


<link href="../assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="../assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js"></script>

<!-- required files -->
<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/plugins/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="/assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js"></script>
<!-- <script src="assets/pspdfkit.js"></script> -->
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>
<script src="/assets/plugins/select2/dist/js/select2.min.js"></script>
   <link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
   <!-- <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> -->
<style type="text/css">
.wrapper {
    position:relative;
    margin:0 auto;
    overflow:hidden;
	padding:5px;
  	height:28px;
    overflow-x: scroll;
}

.list {
    position:absolute;
    left:0px;
    top:-10px;
  	min-width:3000px;
  	margin-left:12px;
    margin-top:0px;
}
/* .list li{
	display:table-cell;
    position:relative;
    text-align:center;
    cursor:grab;
    cursor:-webkit-grab;
    color:#efefef;
    vertical-align:middle;
} */

.scroll-container::-webkit-scrollbar {
  width: 5px; /* Set the width of the scrollbar track */  
}

.scroll-container::-webkit-scrollbar-thumb {
  background-color: #888; /* Set color for the scrollbar thumb */
  border: 5px solid transparent;
  border-radius: 100px;
  background-color: #8070d4;
  /* background-color: #6da8fd; */
  background-clip: content-box;
  border-right: none;
    border-left: none;
}

.scroll-container::-webkit-scrollbar-track-piece:end {
    background: transparent;
    margin-bottom: 10px; 
}

.scroll-container::-webkit-scrollbar-track-piece:start {
    background: transparent;
    margin-top: 10px;
}


/* Firefox and other browsers */
.scroll-container {
  scrollbar-width: thin; /* Set width of the scrollbar thumb */
}

.scroll-container::-webkit-scrollbar-track {
  background-color: transparent; /* Hide the scrollbar track in WebKit-based browsers */
}

.nav-link {
 
  padding: 0.5rem 0.9rem;
}

#dv_causelist 
{
    max-height:  calc(100vh - 290px);
    overflow: scroll;
}

.dv_getdetails
    {
        cursor: pointer;
    }
</style>
<script type="text/javascript">
    var options = {
    dom: '<"dataTables_wrapper dt-bootstrap"<"row"<"col-xl-1 d-block d-sm-flex d-xl-block justify-content-center"<"d-block d-lg-inline-flex me-0 me-md-3"l><"d-block d-lg-inline-flex"B>><"col-xl-11 d-flex d-xl-block justify-content-center"fr>>t<"row"<"col-md-5"i><"col-md-7"p>>>',
    buttons: [
      { extend: 'copy', className: 'btn-sm' },
      { extend: 'csv', className: 'btn-sm' },
      { extend: 'excel', className: 'btn-sm' },
      { extend: 'pdf', className: 'btn-sm' },
      { extend: 'print', className: 'btn-sm' }
    ],
   
    // responsive: true,
    paging: false,
    colReorder: true,
    keys: true,
    rowReorder: true,
    select: true,
   "fnRowCallback" : function(nRow, aData, iDisplayIndex){
      var oSettings = this.fnSettings ();
                $("td:first", nRow).html(oSettings._iDisplayStart+iDisplayIndex +1);
               return nRow;
            },
    
           
  };

  if ($(window).width() <= 767) {
    options.rowReorder = false;
    options.colReorder = false;
  }

 $(document).ready(function(){
	$(".datepicker-autoClose").datepicker({
        todayHighlight: true,
        autoclose: true
      });

      
      $(document).on('select2:open', () => {
      document.querySelector('.select2-search__field').focus();
    });
	  
	  $(document).on('click','#nextButton,#previousButton,#btn_go',function(event,fil_no_conn, sr_no,jud1,jud2,jud3,jud4,jud5,mainhead){
	//$(document).on('click','#nextButton',function(){
        $('#pspdfkit').html('');
        $('#dv_officereport').html('');
        $('#dv_officereport').removeClass('d-none'); 
       $('#pspdfkit').addClass('d-none'); 
   var clicked_button=$(this).attr('id');
   //alert(clicked_button);
   if (typeof sr_no !== 'undefined') {
    //alert("ans");
        $('#txt_clno').val(sr_no)
   }
    var txt_clno=$('#txt_clno').val();
   // alert(txt_clno);
   var lst_judge=$("#lst_judge").val();
        var datepicker=$("#datepicker").val();
        var sdbench=$("input[name='sdbench']:checked").val();
        var mf=$("input[name='mf']:checked").val();
        $('#sp_txtsearch_e').text('');

        var sel_filno='';
        if (typeof fil_no_conn !== 'undefined') {
                          //  alert("hhh");
                          sel_filno=fil_no_conn
   }
  
   $.ajax({
            url: "/ecauselist/next_causelistno_advocate",
            type: 'POST',
            cache: false,
            async: true,
        //     beforeSend:function(){
        //       $('#c_results').html("<div class='text-center'><div class='spinner-border'></div></div>");
        //   },
            data: { txt_clno: txt_clno, lst_judge: lst_judge,
                datepicker:datepicker,sdbench:sdbench,mf:mf,
                clicked_button:clicked_button,sel_filno:sel_filno,jud1:jud1,jud2:jud2,jud3:jud3,jud4:jud3,jud5:jud5,mainhead:mainhead},
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function (data, status) {
                if (data.message == 'Validate') {
                var json_error = data.errors;
                  $('#sp_txtsearch_e').text(json_error.txt_clno);
                    }
                else if(data.message == 'Validatelogic')
                {
                    var json_error = data.errors;
                    $('#sp_txtsearch_e').text(json_error);
                    $('#dv_view').addClass('d-none');
                    $('#cl_casedetails').html('');
                }
                    else
                    {
						$('.cl_view').each(function(){
              
                    $(this).removeClass('active');
                
             });
             $('.cl_part').each(function(){
                $(this).removeClass('active');
             });
            
			 
				//$('.cl_view1').addClass('active');
               // $('#default-tab-5').addClass('active');
              var chk_select_view=0;
               $('.cl_selview').each(function(){
                   if($(this).is(':checked'))
                   {
                    chk_select_view=1;
                    if($(this).val()==1)
                    {
                    $('.cl_view2').addClass('active');
                    $('#default-tab-7').addClass('active');
                    $('.cl_view3').addClass('d-none');
                    // $('.cl_view2').removeClass('d-none');
                    $('.cl_view2').addClass('d-none');
                    }
                    else if($(this).val()==2)
                    {
                    $('.cl_view3').addClass('active');
                    $('#default-tab-30').addClass('active');
                    $('.cl_view2').addClass('d-none'); 
                    // $('.cl_view3').removeClass('d-none');
                    $('.cl_view3').addClass('d-none');
                    }

                   }
               });
               if(chk_select_view==0)
               {
                $('.cl_view2').addClass('active');
                    $('#default-tab-7').addClass('active');
                    $('.cl_view3').addClass('d-none');
                    $('.cl_view2').removeClass('d-none');
               }
            //    $('.cl_view2').addClass('active');
                // $('#default-tab-7').addClass('active');
				
                        var fil_no = data['data'][0].fil_no;
						//alert(fil_no); 
                        $('#txt_clno').val(data['clno']);

                        var case_no = data['data'][0].case_no;
                        var conncected_cases='';
            if(conncected_cases=='')
               {
                conncected_cases=conncected_cases+"<optgroup label='Main Case'>";
                 conncected_cases=conncected_cases+"<option value='"+fil_no+"'>"+case_no+"</option>";
               }
                     
                        if (data['connected_case'] != null) {
            len = data['connected_case'].length;
       
         
        if (len > 0) {
         
            conncected_cases=conncected_cases+"<optgroup label='Connected Cases'>";
            for (var i = 0; i < len; i++) {
                var conn_case_no = data['connected_case'][i].conn_case_no;
                var conn_case_no_val = data['connected_case'][i].conn_fil_no;
               if(conncected_cases=='')
               {
                 conncected_cases="<option value='"+conn_case_no_val+"'>"+conn_case_no+"</option>";
               }
               else 
               {
                conncected_cases=conncected_cases+"<option value='"+conn_case_no_val+"'>"+conn_case_no+"</option>";
               }
            }
        }
        }
		//alert(conncected_cases);
                        $('#lst_allcases').html(conncected_cases);
                       // alert(fil_no_conn);
                        if (typeof fil_no_conn !== 'undefined') {
                          //  alert("hhh");
        $('#lst_allcases').val(fil_no_conn);
   }


                        $('.cl_maincase').each(function(){
                           if($(this).html()==data['clno']) 
                           {
                            $(this).removeClass('bg-primary');
                            $(this).addClass('bg-success');
                           }
                           else 
                           {
                            $(this).addClass('bg-primary');
                            $(this).removeClass('bg-success');
                           }
                        });
                        $('#dv_fillscreen').addClass('d-none');
                          //alert(data['sn_max_clno']+'**'+txt_clno);
                        if(data['sn_min_clno']==data['clno'])
                        {
                            $('#previousButton').prop('disabled',true);
                           
                        }
                        else 
                        {
                            $('#previousButton').prop('disabled',false);
                        }

                         if(data['sn_max_clno']==data['clno'])
                        {
                            $('#nextButton').prop('disabled',true);
                        }
                        else
                        {
                            $('#nextButton').prop('disabled',false); 
                        }
                         
                       
                        if (typeof fil_no_conn == 'undefined') {
                           
                            //GetDoc(fil_no);
                            get_office_report(fil_no);
                        }
                        else 
                        {
                            //GetDoc(fil_no_conn);
                            get_office_report(fil_no_conn);
                        }
                    }
                
               
            },
            error: function (xhr) {

                alert("Error:" + xhr.status + ' ' + xhr.statusText);
            }
        });
});

$(document).on('click','#loadAnnotationButton',function(){ 
   
   var get_result=''; var idd='';var sp_get_result='';
    $('.cl_documents').each(function(){
             if($(this).hasClass('text-success'))
             {
                 idd=$(this).attr('id');
                get_result= $(this).attr('onclick');
               // get_result=get_result.replace(/this.id/g,"'"+idd+"'");
               sp_get_result=get_result.split(',');
             }
        });
        sp_get_result[0]=sp_get_result[0].replace('get_sp_det(','');
   
    //    if(get_result!='')
        get_sp_det(sp_get_result[0].replace(/'/g,''),sp_get_result[1].replace(/'/g,''),sp_get_result[2].replace(/'/g,''),idd);
   
});

$(document).on('click','#btn_allot',function(){
    $('#btn_allot').prop('disabled',true);
   var fil_no=[];var sno=0;
    $('.cl_blno').each(function(){
       if($(this).is(':checked')) 
       {
        var i_fil_no=[];
        i_fil_no[0]=$(this).val();
       
       i_fil_no[1]=$(this).data('id');
       i_fil_no[2]=$(this).data('jud1');
       i_fil_no[3]=$(this).data('jud2');
       i_fil_no[4]=$(this).data('jud3');
       i_fil_no[5]=$(this).data('jud4');
       i_fil_no[6]=$(this).data('jud5');
       i_fil_no[7]=$(this).data('bench');
       i_fil_no[8]=$(this).data('mainhead');
        fil_no[sno]=i_fil_no;
       
        // fil_no[sno]=$(this).val();
        sno++;
       }
    });
  
    $('.cl_conn').each(function(){
       if($(this).is(':checked')) 
       {
        var i_fil_no=[];
        i_fil_no[0]=$(this).val();
       i_fil_no[1]=$(this).data('id');
       i_fil_no[2]=$(this).data('jud1');
       i_fil_no[3]=$(this).data('jud2');
       i_fil_no[4]=$(this).data('jud3');
       i_fil_no[5]=$(this).data('jud4');
       i_fil_no[6]=$(this).data('jud5');
       i_fil_no[7]=$(this).data('bench');
       i_fil_no[8]=$(this).data('mainhead');
        fil_no[sno]=i_fil_no;
        //fil_no[sno]=$(this).val();
        sno++;
       }
    });

    if(sno==0) 
    {
        swal({
          title: '',
          text: 'Please check atleast one case to allot',
          icon: 'success',
          buttons: {
           
            confirm: {
              text: 'success',
              value: true,
              visible: true,
              className: 'btn btn-primary',
              closeModal: true
            }
          }
        })
        $('#btn_allot').prop('disabled',false);
        return false;
    }

   

   // var lst_judge=$("#lst_judge").val();
    var datepicker=$("#datepicker").val();
   // var sdbench=$("input[name='sdbench']:checked").val();
    //var mf=$("input[name='mf']:checked").val();
    // var ddl_sw=0;
    //    if(sdbench==2 || sdbench==3)
    //      ddl_sw=$('#ddl_sw').val();
    var ddl_alloted_to=$('#ddl_alloted_to').val();

   
        $('#sp_datepicker_err').text('');
        // $('#sp_bench_err').text('');
        // $('#sp_mf_err').text('');
        // $('#ddl_sw_err').text('');
        $('#sp_alloted_to_err').text('');
    
         $.ajax({
            url: "/ecauselist/save_alloted_sa",
            type: 'POST',
            cache: false,
            async: true,
            data: { datepicker:datepicker,ddl_alloted_to:ddl_alloted_to,fil_no:fil_no},
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function (data, status) {
                if(data.message=='Validate')
               {
                   var json_error=data.errors;
                   $('#sp_datepicker_err').text(json_error.datepicker);
                 //  $('#sp_bench_err').text(json_error.sdbench);
                  // $('#sp_mf_err').text(json_error.mf);
                  // $('#ddl_sw_err').text(json_error.ddl_sw);
                   $('#sp_alloted_to_err').text(json_error.ddl_alloted_to);
                   $('#btn_allot').prop('disabled',false);
              }
            else 
            {
            //    alert(data.message);
             
              if(data.message=='success')
        {
        swal({
          title: '',
          text: data.status,
          icon: 'success',
          buttons: {
           
            confirm: {
              text: 'success',
              value: true,
              visible: true,
              className: 'btn btn-primary',
              closeModal: true
            }
          }
        }).then(function() {
        // // window.location.reload();
        // window.location.href="/ecauselist-ag-allot-cases";
        $('#btn_allot').prop('disabled',false);
        $('#btn_data').trigger('click');
      });

        }
        else if(data.message=='error')
        {
            swal({
          title: '',
          text: data.status,
          icon: 'error',
          buttons: {
           
            confirm: {
              text: 'error',
              value: true,
              visible: true,
              className: 'btn btn-primary',
              closeModal: true
            }
          }
        }).then(function() {
        $('#btn_allot').prop('disabled',false);
        $('#btn_data').trigger('click');
      });
        }
            }
           },
            error: function (xhr) {

                alert("Error:" + xhr.status + ' ' + xhr.statusText);
            }
        });


  });

  $(document).on('click','.cl_blno',function(){
 var idd=$(this).attr('id');
 var check_status=0;
 if($(this).is(':checked')) 
 {
    check_status=1;
 }
 
 var sp_idd=idd.split('_');
//  alert(check_status);
 $('.clconn_'+sp_idd[1]).each(function(){
    // alert($(this).attr('id'));
    if(check_status==1)
      $(this).prop('checked',true);
      else 
      $(this).prop('checked',false);
 });
$('#iconnected_'+sp_idd[1]).click();
 

});




 });

 function GetDoc_detils(fil_no,sr_no,jud1,jud2,jud3,jud4,jud5,mainhead)
 {
    $('#btn_go').trigger('click', [fil_no, sr_no,jud1,jud2,jud3,jud4,jud5,mainhead]);
 }
 
 
</script>
<style type="text/css">
    .dv_container
    {
      /*  height: calc(100vh - 150px);  Subtract 200px from the viewport height */
        /* background-color: lightgray;  */
        height: calc(100vh - 270px);
        overflow: scroll;
    }

    .dv_container1
    {
        height: calc(100vh - 278px);  /*Subtract 200px from the viewport height */
        /* background-color: lightgray;  */
       
        overflow: scroll;
    }

    .dv_container2
    {
        height: calc(100vh - 80px);  /*Subtract 200px from the viewport height */
        /* background-color: lightgray;  */
       
        /* overflow: scroll; */
    }

    .dv_container3
    {
      /*  height: calc(100vh - 150px);  Subtract 200px from the viewport height */
        /* background-color: lightgray;  */
        height: calc(100vh - 320px);
        overflow: scroll;
    }
</style>
@endpush
@section('title', 'Cause List')
@section('content')

   @if($user_type=='3')
    <div class="container">
    
            @csrf
         
            
            </div>

            <div class="row">
        <div class="col-sm-12">
        <div class="card mb-0 dv_container2"> 
    <div class="card-header card-bg-color text-white">
    <!--Honble Cause List -->
  <div class="row">
     <div class="col-sm-7">
								  {{ $user_name }}
				</div>	
                <div class="col-sm-4 text-end">
                    Select View
                    <div class="form-check form-check-inline mx-1">   
                                            <input type="radio" name="rdn_view" id="rdn_view1" value="1" class="form-check-input is-valid-custom cl_selview" checked>View 1
                                    </div>
                                    <div class="form-check form-check-inline">          
                                            <input type="radio" name="rdn_view" id="rdn_view2" value="2" class="form-check-input is-valid-custom cl_selview">View 2
                                    </div>
                                    <!-- <div class="form-check form-check-inline">  
                                            <input type="radio" name="rdn_view" id="sdbench" value="3" class="form-check-input">FB                                            
                                    </div> -->
                </div>
               				
									 <div class="col-sm-1 text-end">
    <i style="cursor: pointer;font-size: 17px;" class="fa-solid fa-minus-circle cl_fa" data-bs-toggle="collapse" data-bs-target="#multiCollapseExample2" aria-expanded="true" aria-controls="multiCollapseExample2"></i>
    </div>
		 </div>						
    </div>
<div class="card-body">
      


            <div class="row">
        <div class="col-sm-12">
        <div class="card mb-2">
		<div class="collapse show multi-collapse" id="multiCollapseExample2">
    <div class="card-header bg-light text-dark">
        <div class="row">
     <div class="col-sm-12">
    <div class="row">
                        <div class="col-xl-12 mb-1" id="form_div">
                            <div class="row offset-sm-4">
                                
                              
								<label for="txt_caseno" class="col-sm-2 col-form-label text-end"><b>Cause List Date</b></label>
                                <div class="col-sm-3 mb-0 mt-1">
								
                                  <!--   <label class="control-label" for="Year"><b>Cause List Date</b></label>
                                   <input class="form-control dtp" type='text' name='datepicker' id='datepicker' maxlength='10' autocomplete="on" value='{{ date('d-m-Y') }}'/> -->
                                <div class="input-group date datepicker-autoClose"  data-date-format="dd-mm-yyyy" >

<input type="text" name="datepicker" id="datepicker" class="form-control form-control-sm form-control-sm dtp" placeholder="Date" value="{{ date('d-m-Y') }}">
<span class="input-group-text input-group-addon"><i class="fa fa-calendar"></i></span>
<small id="sp_datepicker_err" class="text-danger"></small>
</div>    
								</div>

                               <div class="col-sm-1 mt-1">
                                   <!-- <label class="control-label" for="Search"></label><br /> -->
                                    <button type="button" class="btn btn-primary btn-sm" id='btn_data'>Submit</button>
                                </div>

                            </div>
                        </div>
                    </div>
    </div>
    <!--<div class="col-sm-2 text-end">
    <i style="cursor: pointer;font-size: 17px;" class="fa-solid fa-minus-circle cl_fa" data-bs-toggle="collapse" data-bs-target="#multiCollapseExample2" aria-expanded="true" aria-controls="multiCollapseExample2"></i>
    </div>-->
    </div>
    </div>
	 </div>
   <!-- <div class="collapse show multi-collapse" id="multiCollapseExample2"> -->
    <div class="card-body" style="padding: 0.9375rem 0.9375rem 0.0rem 0.9375rem">
   
    
                    <div class="row">
                        <div class="col-xl-12 mb-1" id="result"> 
                            
                        </div>
              <!--  </div> -->

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


        </div>
    </div>

    <div class="row d-none" id="dv_view"> 
	 <!--<div class="col-sm-12">
	      <u><h5 id='cl_casedetails' class='text-center text-primary'></h5></u>
	 </div> -->
    <div class="col-sm-3 mb-3 ">
    <ul class="nav nav-tabs">
            <li class="nav-item">
                <a href="#default-tab-5" data-bs-toggle="tab" class="nav-link  cl_view1 d-none">V1</a>
            </li>
           

            <li class="nav-item">
                <a href="#default-tab-7" data-bs-toggle="tab" class="nav-link cl_view active cl_view2">V1</a>
            </li>
            
            <li class="nav-item">
                <a href="#default-tab-6" data-bs-toggle="tab" class="nav-link  cl_view d-none" title="View 1">V2</a>
            </li>

            <li class="nav-item">
                <a href="#default-tab-30" data-bs-toggle="tab" class="nav-link cl_view cl_view3" title="View 2">V2</a>
            </li>

            

            
            <!-- <li class="nav-item">
                <a href="#default-tab-8" data-bs-toggle="tab" class="nav-link cl_view">V4</a>
            </li> -->
        </ul>
        <div class="tab-content">
    <div id="default-tab-5" class="container tab-pane "><br>
    <div class="row" id="c_results" style="display:none;">
    <div class="col-sm-12 mb-3 dv_container">
        <ul class="nav nav-tabs">
            <li class="nav-item">
                <a href="#default-tab-2" data-bs-toggle="tab" class="nav-link active">Main</a>
            </li>
            <li class="nav-item">
                <a href="#default-tab-3" data-bs-toggle="tab" class="nav-link ">LC</a>
            </li>
            <li class="nav-item">
                <a href="#default-tab-1" data-bs-toggle="tab" class="nav-link ">J/O</a>
            </li>
            <!-- <li class="nav-item">
                <a href="#default-tab-4" data-bs-toggle="tab" class="nav-link ">D</a>
            </li> -->
        </ul>
        <div class="tab-content panel  rounded-0 rounded-bottom"> 
        <div class="tab-pane fade" id="default-tab-1">
                <div class="spinner-border" role="status" style="display:none;" id='spinner_order_table'>
                <span class="visually-hidden">Loading...</span>
                </div>
                <table class="table" id="order_table" style="display:none;width:80%;">
                    <thead>
                        <tr>
                            <th>Srno</th>
                            <th>Judgement/Orders</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
            <div class="tab-pane fade active show" id="default-tab-2">
            <div class="spinner-border" role="status" style="display:none;" id='spinner_doc_table'>
                <span class="visually-hidden">Loading...</span>
                </div>
                <table class="table" id="doc_table" style="width:80%;">
                    <thead>

                        <tr>
                            <th>Srno</th>
                            <th>Documents</th>
							<th>Page</th>
                            <th>Date</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
            <div class="tab-pane fade" id="default-tab-3">
            <div class="spinner-border" role="status" style="display:none;" id='spinner_lc_table'>
                <span class="visually-hidden">Loading...</span>
                </div>
                <table class="table" id="lc_table" style="width:80%;">
                    <thead>

                        <tr>
                            <th>Srno</th>
                            <th>Particulars of Document</th>
                            <th>Page</th>
                            <th>Date</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
                <table class="table" id="lc_table_67" style="width:80%;">
                <thead>
                    <tr>
                        <th colspan=3 style="text-align: center;">JUDGMENT/ORDERS</th>                        
                    </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
            <!-- <div class="tab-pane fade" id="default-tab-4">
                <p style="text-align: justify;">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ac dui eu felis hendrerit lobortis.
                    Phasellus elementum, nibh eget adipiscing porttitor, est diam sagittis orci, a ornare nisi quam
                    elementum tortor. Proin interdum ante porta est convallis dapibus dictum in nibh. Aenean quis massa
                    congue metus mollis fermentum eget et tellus. Aenean tincidunt, mauris ut dignissim lacinia, nisi
                    urna consectetur sapien, nec eleifend orci eros id lectus.
                </p>
            </div> -->
        </div>
    </div>
    <!-- <div class="col-sm-1 mb-1"></div> -->
    
</div>
    </div>

<div id="default-tab-6" class="container tab-pane"><br> 

    </div>
    <div id="default-tab-7" class="container tab-pane  "><br>
     
    </div>

    <div id="default-tab-30" class="container tab-pane "><br>
     
    </div>

    </div>
    </div> 
    <div class="col-sm-9 mb-8">
                                <div id="pl"></div>
                                <!-- <div class="text-end mx-1" >
                                <button class="save-button btn-primary"><i class="fas fa-save"></i> Save</button>
                              
                              </div> -->
                      
       <div class="row">
        <div class="col-sm-10">                  
  <div class="wrapper scroll-container" >
    <ul class="nav nav-tabs list" id="myTab" style="flex-wrap:unset"> 
       </ul>
  </div>
  </div>
  <div class="col-sm-2"> 
  
                              
                              <div class="text-end d-none mx-1" id="dv_fillscreen">
                              <button id="loadAnnotationButton" class="reload-button rounded-circle bg-transparent border-0 p-0 text-primary me-2  mb-1">
                                <i class="fa fa-redo fa-2xl" title="Reload Annotations"></i></button>
                              <button id="saveAnnotationButton" class="save-button rounded-circle bg-transparent border-0 p-0 text-primary me-2  mb-1">
                                <i class="fas fa-save fa-2xl" title="Save Annotation"></i></button>
                                <button id="fullscreen-button" class="rounded-circle bg-transparent border-0 p-0 text-primary">
  <i id="fullscreen-icon" class="fa fa-expand fa-2xl  mb-1" title="Full Screen"></i>
                               </button>
                              </div>
                              </div>
       </div>
                                

                            <!-- <div style="height:inherit;width: auto;overflow: hidden;word-wrap: break-word;" id="ggg">
                           <object data="./uploads/1555-03022023011918.pdf"  width="800" height="700" type="application/pdf">  </object> 
                      
                        </div> -->
                        <!-- <div id="pspdfkit"  style="height: 100vh;"></div> -->
                        <div id="pspdfkit" class="dv_container1 d-none" ></div>
                        <div id="dv_officereport" class="dv_container1 d-none" ></div>
                        <!-- <button id="saveAnnotationButton">Save Annotation</button>
        <button id="loadAnnotationButton">Load Annotation</button> -->
    </div>
   </div>
</div>   
@else 
<div class="text-center"><h5>You are not authorized</h5></div>  
  @endif          
@endsection
@push('scripts')
<script>
var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
    $("#btn_data").click(function(){

       // var lst_judge=$("#lst_judge").val();
        var datepicker=$("#datepicker").val();
       // var sdbench=$("input[name='sdbench']:checked").val();
       // var mf=$("input[name='mf']:checked").val();

        $('#sp_datepicker_err').text('');
       // $('#sp_bench_err').text('');
       // $('#sp_mf_err').text('');

        $.ajax({
           url: 'get_cl_records_sa', 
           type: 'POST',
           cache: false,
            async: true,
           beforeSend:function(){
              $('#result').html("<div class='text-center'><div class='spinner-border'></div></div>");
          },
           data: {_token: CSRF_TOKEN, datepicker:datepicker},
           success: function(response){
            if(response.message=='Validate')
               {
                   var json_error=response.errors;
                   $('#sp_datepicker_err').text(json_error.datepicker);
                  // $('#sp_bench_err').text(json_error.sdbench);
                 //  $('#sp_mf_err').text(json_error.mf);
                   $('#result').html("");
              }
            else 
            {
           // alert(response);
            //createRows(response);
            $("#result").html(response);
            $('#dv_view').addClass('d-none');
            $('#previousButton').prop('disabled', true);
         //  $('#btn_go').trigger('click');
         $(".default-select2").select2();
      //   $('#btn_list').trigger('click'); 
        //   var lst_allcases=  $('#lst_allcases').val();
        //   alert(lst_allcases);
        //   GetDoc(lst_allcases);
            // alert("ans");
            // $('.top').addClass('row');
            // $('.dataTables_filter').addClass('col-sm-3');
            // $('#data-table-default_paginate').addClass('col-sm-9'); 
            // alert("ans1");
            // $("#form_div").hide(); 

            //GetOrder(fil_no);
            var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
  return new bootstrap.Popover(popoverTriggerEl)
})

            }
           }
         }); 

    });

    $(document).on('click','#btn_list',function(){
        //alert("ans");
    $('#myModal').slideToggle('slow');
    });
//     $('#btn_list').click(function() {
//         alert("ans");
//     $('#myModal').slideToggle('slow');
//   });

    $(document).on('click','.cl_fa',function(){
         if($(this).hasClass('fa-plus-circle'))
         {
            $(this).removeClass('fa-plus-circle');
            $(this).addClass('fa-minus-circle'); 
         }
         else 
         {
            $(this).addClass('fa-plus-circle');
            $(this).removeClass('fa-minus-circle');
         }
    });
	
	   $(document).on('click','.cl_fa_conn',function(){
         if($(this).hasClass('fa-plus-circle'))
         {
            $(this).removeClass('fa-plus-circle');
            $(this).addClass('fa-minus-circle'); 
         }
         else 
         {
            $(this).addClass('fa-plus-circle');
            $(this).removeClass('fa-minus-circle');
         }

         var aria_controls=$(this).attr('data-bs-target');
         var data_bs_target=aria_controls.split('_');

         if($('[data-bs-target="#keptbelow_'+data_bs_target[1]+'"]').length)
         {
         $('[data-bs-target="#keptbelow_'+data_bs_target[1]+'"]').addClass('collapsed');
         $('[data-bs-target="#keptbelow_'+data_bs_target[1]+'"]').attr('aria-expanded',false);
         $('#keptbelow_'+data_bs_target[1]).removeClass('show');
         }
    });
    $(document).on('click','.cl_fa_kb',function(){
        var aria_controls=$(this).attr('data-bs-target');
         var data_bs_target=aria_controls.split('_');

         if($('[data-bs-target="#connectedcases_'+data_bs_target[1]+'"]').length) 
         {
         $('[data-bs-target="#connectedcases_'+data_bs_target[1]+'"]').addClass('collapsed');
         $('[data-bs-target="#connectedcases_'+data_bs_target[1]+'"]').attr('aria-expanded',false);
         $('#connectedcases_'+data_bs_target[1]).removeClass('show'); 
         $('[data-bs-target="#connectedcases_'+data_bs_target[1]+'"]').addClass('fa-plus-circle');
            $('[data-bs-target="#connectedcases_'+data_bs_target[1]+'"]').removeClass('fa-minus-circle'); 
         }
    });


    $(document).on('click','.cl_fa_v2',function(){
         if($(this).hasClass('fa-plus-circle'))
         {
            $(this).removeClass('fa-plus-circle');
            $(this).addClass('fa-minus-circle'); 
         }
         else 
         {
            $(this).addClass('fa-plus-circle');
            $(this).removeClass('fa-minus-circle');
         }
    });

    $(document).on('click','.cl_view',function(event,href){
      // alert(href);
        if (typeof href !== 'undefined') {
            var get_val=href;
        }
        else{
        var get_val=$(this).attr('href');
        }
       // alert(get_val);
      $.ajax({
            url: "/ecauselist/getview",
            type: 'POST',
            cache: false,
            async: true,
			 beforeSend:function(){
              $(get_val).html("<div class='text-center'><div class='spinner-border'></div></div>"); 
          },
            data: { get_val: get_val},
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function (data, status) {
            // alert(get_val);
                $(get_val).html(data);
                $(get_val).addClass('active');
               $('.cl_view').each(function(){
                // alert($(this).attr('href')+'**'+get_val) ;
                if($(this).attr('href')!=get_val)
                 {
                   var href_hide= $(this).attr('href');
                    $(href_hide).html('');
                 }
                });

               



            //     try {
            //     $('#data-table-combine1').DataTable(options);
            // }
            //     catch (error) {
            //       console.error("An error occurred:", error);
            //     }
            //     try {
            //     if( $('#data-table-combine2').length)
            //     $('#data-table-combine2').DataTable(options);
            // }
            //     catch (error) {
            //       console.error("An error occurred:", error);
            //     }
            //     try {
            //     if( $('#data-table-combine3').length)
            //     $('#data-table-combine3').DataTable(options);
            // }
            //     catch (error) {
            //       console.error("An error occurred:", error);
            //     }
              
            //     try {
            //     if( $('#data-table-combine4').length)
            //     $('#data-table-combine4').DataTable(options); 
            //     }
            //     catch (error) {
            //       console.error("An error occurred:", error);
            //     }

            //     try {
            //     if( $('#data-table-combine5').length)
            //     $('#data-table-combine5').DataTable(options); 
            // }
            //     catch (error) {
            //       console.error("An error occurred:", error);
            //     }
            //     try {
            //     if( $('#data-table-combine6').length)
            //     $('#data-table-combine6').DataTable(options); 
            // }
            //     catch (error) {
            //       console.error("An error occurred:", error);
            //     }
            //     try {
            //     if( $('#data-table-combine7').length)
            //     $('#data-table-combine7').DataTable(options);  
            // }
            //     catch (error) {
            //       console.error("An error occurred:", error);
            //     } 
            },
            error: function (xhr) {

                alert("Error:" + xhr.status + ' ' + xhr.statusText);
            }
        });
      
    });

    $(document).on('click','.cl_part',function(){

        var get_href='';
        $('.cl_part').each(function(){
            if($(this).hasClass('active'))
            {
                get_href= $(this).attr('href');
            }
            else 
            {
               var href_val= $(this).attr('href');
               $(href_val).html('');
            }
        });
       var get_val=$(this).attr('data-id');
       //alert(get_val);
	   
	   var str_val='';      
	  if($('#chk_ia_display').is(':checked'))
       {
		   str_val='2';
	   }
	   else 
	   {
		   str_val='1';
	   }
	   //alert(str_val);
      $.ajax({
            url: "/ecauselist/getpart",
            type: 'POST',
            cache: false,
            async: true,
            data: { get_val: get_val,str_val:str_val},
            beforeSend:function(){
              $(get_href).html("<div class='text-center'><div class='spinner-border'></div></div>");
          },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function (data, status) {
               // alert(get_href);
               $(get_href).html(data);
            //    $('#data-table-combine').DataTable(options);
            //    $('#data-table-combine1').DataTable(options);
            //    $('#data-table-combine2').DataTable(options);
            //    $('#data-table-combine3').DataTable(options);
            //    $('#data-table-combine4').DataTable(options);
            //    $('#data-table-combine5').DataTable(options);
           
            },
            error: function (xhr) {

                alert("Error:" + xhr.status + ' ' + xhr.statusText);
            }
        });
    });

    $(document).on('change','#chk_ia_display',function(){
var str_val='';      
	  if($(this).is(':checked'))
       {
		   str_val='2';
	   }
	   else 
	   {
		   str_val='1';
	   }
        var get_href=''; 
        $('.cl_part').each(function(){
            if($(this).hasClass('active'))
            {
                get_href= $(this).attr('href');
                // get_val=$(this).data('id');
            }
        }); 
        // alert(get_val);
        get_val='A';
    //   alert(get_href);
      $.ajax({
            url: "/ecauselist/getpart",
            type: 'POST',
            cache: false,
            async: true,
            data: { get_val: get_val,str_val:str_val},
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function (data, status) {
               $(get_href).html(data);
             $('.cl_part').each(function(){
                if($(this).attr('href')=='#default-tab-9')
               
                {
                    $(this).addClass('active');
                    // $('.cl_part').trigger('click');  
                }
                else 
                {
                    $(this).removeClass('active');
                }
             })
            },
            error: function (xhr) {

                alert("Error:" + xhr.status + ' ' + xhr.statusText);
            }
        });
      
    });

    $(document).on('click','#btn_pageno',function(){
   
    var from_page_no=0; var to_page_no=0;
    $('.cl_documents').each(function(){
        var idd=$(this).attr('id');
        var sp_idd=idd.split('_');

        if($('#spfrompage_'+sp_idd[1]).length && $('#sptopage_'+sp_idd[1]).length)
        {
            
        var spfrompage=$('#spfrompage_'+sp_idd[1]).html().trim();
        var sptopage=$('#sptopage_'+sp_idd[1]).html().trim();
        if(spfrompage!='' && sptopage!='')
        {
             if(from_page_no==0)
             {
                from_page_no=spfrompage;
             }
             to_page_no=sptopage;
        }
    }
});
    // alert(from_page_no);
    // alert(to_page_no); 
    var get_contents=[];var sno=0;
    for(var j=from_page_no;j<=to_page_no;j++)
    {
        get_contents[sno]='<div class="col-sm-3 w-25 mb-2"> <div style="font-size:11px" class="cl_pages badge rounded-pill bg-primary  text-center ">'+j+'</div></div>';
        sno++;
    }

    $('#modal1_content').html('<div class="row">'+get_contents.join('')+'</div>');

    $('#myModal1').slideToggle('slow');
  });

  $(document).on('click','#btn_close1',function(){

    $('#myModal1').css('display','none');
  });

  $(document).on('click','#btn_close',function(){

    $('#myModal').css('display','none');
  });

  $(document).on('click','#btn_close1',function(){

$('#myModal1').css('display','none');
});

  $(document).on('click','.cl_pages',function(){
       var c_val=$(this).html().trim();
       $('#txt_gotopage').val(c_val);
       $('.cl_pages').each(function(){
        $(this).removeClass('bg-success');
        $(this).addClass('bg-primary');
       })
      
       $(this).addClass('bg-success');
       $('#btn_gotopage').trigger('click', [c_val]);
       
  });

  $(document).on('click','.cl_selview',function(){
    var id_val=$(this).val();
    $.ajax({
            url: "/ecauselist/saveview",
            type: 'POST',
            cache: false,
            async: true,
            data: { id_val: id_val},
        //     beforeSend:function(){
        //       $(get_href).html("<div class='text-center'><div class='spinner-border'></div></div>");
        //   },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function (data, status) {
                if(data.message=='error')
                 {
                     swal({
                         title: '',
                         text: data.status,
                         icon: 'error',
                         buttons: {
                          
                           confirm: {
                             text: 'Error',
                             value: true,
                             visible: true,
                             className: 'btn btn-primary',
                             closeModal: true
                           }
                         }
                       });
                 }
                 else 
                 {
                  swal({
                      title: '',
                      text: data.status,
                      icon: 'success',
                      buttons: {
                       
                        confirm: {
                          text: 'Ok',
                          value: true,
                          visible: true,
                          className: 'btn btn-primary',
                          closeModal: true
                        }
                      }
                    }).then(function() {
                        $('#btn_data').trigger('click');
                   //get_print();
                  });
              }
            },
            error: function (xhr) {

                alert("Error:" + xhr.status + ' ' + xhr.statusText);
            }
        });
  });

  $(document).on('click','#btn_officereport',function(){
    var lst_allcases=$('#lst_allcases').val();
    get_office_report(lst_allcases,'1')
  });

  $(document).on('click','.cl_delete',function(){
   
   var dataId = $(this).data("id");
   swal({
     title: "Are you sure?",
     text: "You want to delete record",
     icon: "warning",
     buttons: [
       'No, cancel it!',
       'Yes, I am sure!'
     ],
     dangerMode: true,
   }).then(function(isConfirm) {
     if (isConfirm) {
      

       $.ajax({
               url: "/ecauselist/delete_alloted_sa",
               type: 'POST',
               cache: false,
               async: true,
               data: { dataId:dataId },
       //         beforeSend:function(){
                  
       //             $('#modal1_content').html("<div class='text-center'><div class='spinner-border'></div></div>");
       //   },
               headers: {
                   'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
               },
               success: function (data, status)
               {
                   
                   if(data.message=='success')
       {
           swal({
         title: '',
         text: data.status,
         icon: 'success',
         buttons: {
          
           confirm: {
             text: 'success',
             value: true,
             visible: true,
             className: 'btn btn-primary',
             closeModal: true
           }
         }
       }).then(function() {

           // $('#btn_data').trigger('click',[data.fil_no,data.brdslno]);
           GetDoc_detils(data.fil_no,data.brdslno,data.jud1,data.jud2,data.jud3,data.jud4,data.jud5,data.mf);
   });
       }
       else if(data.message=='error')
       {
           swal({
         title: '',
         text: data.status,
         icon: 'error',
         buttons: {
          
           confirm: {
             text: 'error',
             value: true,
             visible: true,
             className: 'btn btn-primary',
             closeModal: true
           }
         }
       }).then(function() {
          
     });
       }
               }
           });
      
      
     } else {
       swal("Cancelled", "Record not deleted :)", "error");
     }
   })
});


// $('#myModal').on('hidden.bs.modal', function () {
   $(document).on('hidden.bs.modal','#myModal',function(){
       $('#btn_data').trigger('click');
});

  function get_office_report(fil_no,popup)
        {
            
           // $('#dv_officereport').removeClass('d-none');
           if (typeof popup !== 'undefined') {
            $('#myModal_office').modal('show');
           }
            $.ajax({
                url: "/ecauselist/get_office_report",
                type: 'POST',
                cache: false,
                async: false,
                data: {fil_no:fil_no},
                beforeSend:function(){
                    if (typeof popup === 'undefined')
                    $('#dv_officereport').html("<div class='text-center'><div class='spinner-border'></div></div>");
                    else 
                    $('#dv_modal_body').html("<div class='text-center'><div class='spinner-border'></div></div>");
          },
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function (data, status)
                {
                  // alert(popup);
                    if (typeof popup === 'undefined') {
                    $('#dv_officereport').html(data);
                    GetDoc(fil_no);
                    }
                    else 
                    {
                        // $('#myModal_office').modal('show');
                        $('#dv_modal_body').html(data);
                    }
                  
                }
            });
        }

        function GetDoc(fil_no) {
       // get_connected_case(fil_no);
        //alert(fil_no);
        // AJAX GET request
      
      var datepicker=$('#datepicker').val(); 
	   PSPDFKit.unload('#pspdfkit');
        $.ajax({
            url: 'get_doc',
            type: 'POST',
            dataType: 'json',
            beforeSend:function(){
              $('#doc_table tbody').html("<div class='text-center'><div class='spinner-border'></div></div>");
          },
         
            data: {
                _token: CSRF_TOKEN,
                fil_no: fil_no
            },
            success: function(response) {
              
				$('#myModal').css('display','none');
                $('#dv_view').removeClass('d-none');
                // createRows(response);
                // GetOrder(fil_no);

                $("#c_results").show();
		
		var case_no_s = response['case_no_s'];
		var pet_res_s = response['pet_res_s'];
$('#cl_casedetails').html(case_no_s+' '+pet_res_s);
        
     $('#multiCollapseExample2').removeClass('show');
     $('.cl_fa').addClass('fa-plus-circle');
            $('.cl_fa').removeClass('fa-minus-circle'); 
            //    var href='#default-tab-7';
            var href='';
            $('.cl_selview').each(function(){
                   if($(this).is(':checked'))
                   {
                    if($(this).val()==1)
                    {
                   
                         href='#default-tab-7';
                    }
                    else if($(this).val()==2)
                    {
                   
                         href='#default-tab-30';
                    }
                   }
               });
              // alert(href);

               $('.cl_selview').each(function(){
                  if($(this).is(':checked')) 
                  {
                    var idd_val=$(this).val();
                   // alert(idd_val);
                    if(idd_val==1)
                    {
                        $('.cl_view2').trigger('click', [href]);
                    }
                    else if(idd_val==2)
                    {
                        $('.cl_view3').trigger('click', [href]);
                    }
                  }
               });

                // $('.cl_view').trigger('click', [href]);
                get_open_document(datepicker);
                
            }
        });


    }

    function GetDoc_detils(fil_no,sr_no,jud1,jud2,jud3,jud4,jud5,mainhead)
  {
    $('#myModal').modal('show');

   // var lst_judge=$("#lst_judge").val();
        var datepicker=$("#datepicker").val();
       // var sdbench=$("input[name='sdbench']:checked").val();
       // var mf=$("input[name='mf']:checked").val();
    //      var ddl_sw=0;
    //    if(sdbench==2 || sdbench==3)
    //      ddl_sw=$('#ddl_sw').val();
    
    $.ajax({
                url: "/ecauselist/get_alloted_sa",
                type: 'POST',
                cache: false,
                async: true,
                data: { datepicker:datepicker,fil_no:fil_no,sr_no:sr_no,jud1:jud1,jud2:jud2,jud3:jud3,jud4:jud4,jud5:jud5,mainhead:mainhead },
                beforeSend:function(){
                   
                    $('#modal1_content').html("<div class='text-center'><div class='spinner-border'></div></div>");
          },
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function (data, status)
                {
                    
                   $('#modal1_content').html(data);
                }
            });
  }

</script>
@endpush