@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 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(){
		
   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",
            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');
               $('.cl_view2').addClass('active');
                $('#default-tab-6').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);
                        }
                        else 
                        {
                            GetDoc(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;  */
        overflow: scroll;
    }
</style>
@endpush
@section('title', 'Cause List')
@section('content')
    <div class="container">
    
            @csrf
         
            
            </div>

            <div class="row">
        <div class="col-sm-12">
        <div class="card mb-0">
    <div class="card-header card-bg-color ">
    <!--Honble Cause List -->
  <div class="row">
     <div class="col-sm-10">
								  @foreach ($get_judge as $judge)
                                   {{ str_replace('\\','',$judge->jname) }}
                                    @endforeach 
				</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 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-10">
    <div class="row">
                        <div class="col-xl-12 mb-1" id="form_div">
                            <div class="row">
                                
                                <div class="col-sm-2 mb-3 d-none">
                                    <label class="control-label" for="app_id"><b>Honble judge</b></label>
                                    <select class="form-select" name="lst_judge" id="lst_judge">
                                    
                                    @foreach ($get_judge as $judge)
                                    <option value="{{ $judge->jcode }}">{{ $judge->jname }}</option>
                                    @endforeach
                                    </select>
                                </div>
								<label for="txt_caseno" class="col-sm-2 col-form-label"><b>Cause List Date</b></label>
                                <div class="col-sm-2 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-3 mt-2" >
                                
                                    <div class="form-check form-check-inline">   
                                            <input type="radio" name="sdbench" id="sdbench" value="1" class="form-check-input">SB
                                    </div>
                                    <div class="form-check form-check-inline">          
                                            <input type="radio" name="sdbench" id="sdbench" value="2" class="form-check-input">DB
                                    </div>
                                    <div class="form-check form-check-inline">  
                                            <input type="radio" name="sdbench" id="sdbench" value="3" class="form-check-input">FB                                            
                                    </div>
                                    <small id="sp_bench_err" class="text-danger d-block"></small>
                                </div>
                                <div class="col-sm-4 mt-2" >
                                
                                <div class="form-check form-check-inline">   
                                <input type="radio" name="mf" id="mf" value="1" checked class="form-check-input">Motion
                                </div>
                                <div class="form-check form-check-inline">          
                                <input type="radio" name="mf" id="mf" value="2"  class="form-check-input">Final
                                </div>
                                <div class="form-check form-check-inline">  
                                <input type="radio" name="mf" id="mf" value="5" class="form-check-input">Lok Adalat                                    
                                </div>
                                <small id="sp_mf_err" class="text-danger"></small>
                            </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-6" data-bs-toggle="tab" class="nav-link active cl_view cl_view2" title="View 1">V1</a>
            </li>
            

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

            <li class="nav-item">
                <a href="#default-tab-7" data-bs-toggle="tab" class="nav-link cl_view ">V3</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  active"><br>

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

    <div id="default-tab-30" class="container tab-pane fade"><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="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 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_container" ></div>
                        <!-- <button id="saveAnnotationButton">Save Annotation</button>
        <button id="loadAnnotationButton">Load Annotation</button> -->
      
      


    </div>
   

   
</div>
</div>     
            <!-- <div class="card mb-3">
            <div class="panel">
						<div class="panel-heading card-bg-color">
								<h4 class="panel-title">Honble Cause List</h4>
							<div class="panel-heading-btn">
								<a href="{{ url('/') }}/ecauselist" class="btn btn-xs btn-icon btn-circle btn-success">
										<i class="fa fa-redo"></i>
                                </a>
                                
                                <a href="javascript:;" class="btn btn-xs btn-icon btn-warning" data-toggle="panel-collapse" data-tooltip-init="true"><i class="fa fa-minus"></i></a>
                                &nbsp;&nbsp;
							</div>
						</div>
				
				</div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-xl-12 mb-1" id="form_div">
                            <div class="row">
                                
                                <div class="col-sm-2 mb-3">
                                    <label class="control-label" for="app_id"><b>Honble judge</b></label>
                                    <select class="form-select" name="lst_judge" id="lst_judge">
                                    <option>Select Judge</option>
                                    @foreach ($get_judge as $judge)
                                    <option value="{{ $judge->jcode }}">{{ $judge->jname }}</option>
                                    @endforeach
                                    </select>
                                </div>
                                <div class="col-sm-2 mb-3">
                                    <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"/>
                                </div>
                                <div class="col-sm-2 mb-3" style="position: relative; top: 25px;">
                                
                                    <div class="form-check form-check-inline">   
                                            <input type="radio" name="sdbench" id="sdbench" value="1" class="form-check-input">SB
                                    </div>
                                    <div class="form-check form-check-inline">          
                                            <input type="radio" name="sdbench" id="sdbench" value="2" class="form-check-input">DB
                                    </div>
                                    <div class="form-check form-check-inline">  
                                            <input type="radio" name="sdbench" id="sdbench" value="3" class="form-check-input">FB                                            
                                    </div>
                                </div>
                                <div class="col-sm-3 mb-3" style="position: relative; top: 25px;">
                                
                                <div class="form-check form-check-inline">   
                                <input type="radio" name="mf" id="mf" value="1" checked class="form-check-input">Motion
                                </div>
                                <div class="form-check form-check-inline">          
                                <input type="radio" name="mf" id="mf" value="2"  class="form-check-input">Final
                                </div>
                                <div class="form-check form-check-inline">  
                                <input type="radio" name="mf" id="mf" value="5" class="form-check-input">Lok Adalat                                    
                                </div>
                            </div>
                                <div class="col-sm-3">
                                    <label class="control-label" for="Search"></label><br />
                                    <button type="button" class="btn btn-primary" id='btn_data'>Submit</button>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-12 mb-6" id="result">
                            
                        </div>
                </div>
            </div>

       
    </div> -->

    <!--<div class="card mb-3">
            <div class="card-header card-bg-color ">Causelist</div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-xl-12 mb-3" id="result">
                            
                        </div>
                    </div>        
                </div>
            </div>
        </div>-->
@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',
           type: 'POST',
           cache: false,
            async: true,
           beforeSend:function(){
              $('#result').html("<div class='text-center'><div class='spinner-border'></div></div>");
          },
           data: {_token: CSRF_TOKEN, lst_judge: lst_judge,datepicker:datepicker,sdbench:sdbench,mf:mf},
           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');
         }
    });

    $(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);
               $('.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='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');
                }
                else 
                {
                    $(this).removeClass('active');
                }
             })
            },
            error: function (xhr) {

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

</script>
@endpush