@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/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>

<link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="/assets/plugins/select2/dist/js/select2.min.js"></script>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<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="/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;
}




.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 */
  /* border-radius: 100px; */
}


/* ::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #aaa;
}

::-webkit-scrollbar-thumb {
    background: #393812;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: #000;
} */

.blink {
  animation: blink 1.5s linear infinite;
  /* animation-name: blinker;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite; */
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#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){
	//$(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();
        var ddl_sw=$('#ddl_sw').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,ddl_sw:ddl_sw},
            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-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); 
                        }
                    //  alert(data['chk_firdetails']);
                        if(data['chk_firdetails']==0)
                        {
                           // alert("ans");   
                            $('#btn_fir_no').addClass('d-none');
                        }
                        else 
                        {
                            $('#btn_fir_no').removeClass('d-none');
                        }

                        if(data['chk_chargesheetdetails']==0)
                        {
                           // alert("ans");   
                            $('#btn_cs_no').addClass('d-none');
                        }
                        else 
                        {
                            $('#btn_cs_no').removeClass('d-none');
                        }
                       
                        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_cs_no',function(){
    //alert("ans");
    $('#modal_head').html('Chargesheet Details');
    $('#myModal_office').modal('show');
    $.ajax({
                url: "/getChargesheetDetails",
                type: 'POST',
                cache: false,
                async: true,
                beforeSend:function(){
                   
                    $('#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)
                {
                   $('#dv_modal_body').html(data);
                }
            });
  });


 });

 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 - 300px);
        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')
    <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-6 offset-sm-3">
					<div class="input-group">
                    Hon'ble judge
                    <select class="form-select form-select-sm mx-2 me-3" name="lst_judge" id="lst_judge" style="padding:0rem">
                              <option value="">Select</option>      
                                    @foreach ($get_judge as $judge)
                                    <option value="{{ $judge->jcode }}">{{ $judge->jname }}</option>
                                    @endforeach
                                    </select>
                    <small id="sp_lst_judge_err" class="text-light"></small>
                    </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 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">
                                
                              
								<label for="txt_caseno" class="col-sm-1 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-2 mt-2" >
                                
                                    <div class="form-check form-check-inline">   
                                            <input type="radio" name="sdbench" id="sdbench" value="1" class="form-check-input cl_bench">SB
                                    </div>
                                    <div class="form-check form-check-inline">          
                                            <input type="radio" name="sdbench" id="sdbench" value="2" class="form-check-input cl_bench">DB
                                    </div>
                                    <div class="form-check form-check-inline">  
                                            <input type="radio" name="sdbench" id="sdbench" value="3" class="form-check-input cl_bench">FB                                            
                                    </div>
                                    <small id="sp_bench_err" class="text-danger d-block"></small>
                                </div>
                               

                                <div class="col-sm-3 mt-2" >
                                
                                <div class="form-check form-check-inline">   
                                <input type="radio" name="mf" id="mf" value="1" checked class="form-check-input cl_m_f">Motion
                                </div>
                                <div class="form-check form-check-inline">          
                                <input type="radio" name="mf" id="mf" value="2"  class="form-check-input cl_m_f">Final
                                </div>
                                <div class="form-check form-check-inline">  
                                <input type="radio" name="mf" id="mf" value="5" class="form-check-input cl_m_f">Lok Adalat                                    
                                </div>
                                <small id="sp_mf_err" class="text-danger"></small>
                            </div>
                            <label for="ddl_sw" class="col-sm-1 col-form-label cl_sitting_with d-none"><b>Sitting with</b></label>
                                <div class="col-sm-2 mt-1 cl_sitting_with d-none" >
                                     <select name="ddl_sw" id="ddl_sw" class="form-select form-select-sm">

                                     </select>
                                     <small id="ddl_sw_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-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 " title="View 1">V2</a>
            </li>

            <li class="nav-item">
                <a href="#default-tab-30" data-bs-toggle="tab" class="nav-link cl_view" title="View 2">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 fade"><br>

    </div>
    <div id="default-tab-7" class="container tab-pane  active"><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="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="customToolbar">
        <button id="createAnnotation">Create Annotation</button>
      </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>     
            <!-- <div class="card mb-3">
            <div class="panel">
						<div class="panel-heading card-bg-color text-white">
								<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 text-white">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(event,fil_no,brdslno){

        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();
// alert(ddl_sw);
        $('#sp_datepicker_err').text('');
        $('#sp_bench_err').text('');
        $('#sp_mf_err').text('');
        $('#ddl_sw_err').text('');
        $('#sp_lst_judge_err').text('');

        $.ajax({
           url: 'get_cl_records_ag',
           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,ddl_sw:ddl_sw},
           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);
                   $('#ddl_sw_err').text(json_error.ddl_sw);
                   $('#sp_lst_judge_err').text(json_error.lst_judge);
                   $('#result').html("");
              }
            else 
            {
           // alert(response);
            //createRows(response);
            $("#result").html(response);
            $('#dv_view').addClass('d-none');
            $('#previousButton').prop('disabled', true);
            $(".default-select2").select2();

            if (typeof fil_no !== 'undefined') {
               // GetDoc_detils(fil_no,brdslno);
               $('#myModal').modal('hide');
            }

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

        //    $('#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');
         }
        // alert(data_bs_target);
    });

    $(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'); 
         }
        //  $('.cl_fa_conn').trigger('click'); 
    });

  

   
   
  $(document).on('click','.cl_bench',function(){
      var id_val=$(this).val();
    //   alert(id_val);
    $("#ddl_sw").html('');
    if(id_val==2 || id_val==3) 
    {
        $('#ddl_sw').val();
        if(id_val==3) 
        {
            $('#ddl_sw').addClass('multiple-select2');
            $('#ddl_sw').attr('multiple','multiple');
            $(".multiple-select2").select2();
           
        }
        else 
        {
            $('#ddl_sw').removeClass('multiple-select2');
            $('#ddl_sw').removeAttr('multiple');
            $('#ddl_sw').removeClass('select2-hidden-accessible');
            $('#ddl_sw').removeAttr('data-select2-id');
            $('.select2-container').remove();
            
            
        }
        $('.cl_sitting_with').removeClass('d-none');
        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: "/ecauselist/get_sitting_with",
            type: 'POST',
            cache: false,
            async: true,
            data: { lst_judge: lst_judge,datepicker:datepicker,sdbench:sdbench,mf:mf},
            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);
                   $('#result').html("");
              }
            else 
            {
               
               $('#ddl_sw').html(data);
            }
           },
            error: function (xhr) {

                alert("Error:" + xhr.status + ' ' + xhr.statusText);
            }
        });
    }
    else 
    {
        $('#ddl_sw').html('');
        $('.cl_sitting_with').addClass('d-none');
    }

  });

  $(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');
        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');
        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_ag",
            type: 'POST',
            cache: false,
            async: true,
            data: { lst_judge: lst_judge,datepicker:datepicker,sdbench:sdbench,mf:mf,ddl_sw:ddl_sw,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_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_officers",
                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);
    });
        }
        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');
});

$(document).on('change','#lst_judge',function(){
    $('#result').html("");
});
$(document).on('blur','#datepicker',function(){
    $('#result').html("");
});
$(document).on('click','.cl_bench',function(){
    $('#result').html("");
});
$(document).on('change','#ddl_sw',function(){
    $('#result').html("");
});
$(document).on('click','.cl_m_f',function(){
    $('#result').html("");
});

$(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)
  {
    $('#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_officers",
                type: 'POST',
                cache: false,
                async: true,
                data: { lst_judge:lst_judge,datepicker:datepicker,sdbench:sdbench,mf:mf,ddl_sw:ddl_sw,fil_no:fil_no,sr_no:sr_no },
                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