@extends('layouts.default', ['appTopMenu' => true])
@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>
<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;
}
</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('click','#nextButton,#previousButton,#btn_go',function(event,fil_no_conn, sr_no){
	//$(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('');
   $.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},
            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);
   
});

 });

 function GetDoc_detils(fil_no,sr_no)
 {
    $('#btn_go').trigger('click', [fil_no, sr_no]);
 }
 
 
</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 ">
    <!--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"><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_advocate',
           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');
        //   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);
            }
           }
         }); 

    });

    $(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')
  });

  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);
                
            }
        });


    }

</script>
@endpush