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

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


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

<!-- required files -->
<link href="/assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" />
<script src="/assets/plugins/datatables.net/js/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>
<link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="/assets/plugins/select2/dist/js/select2.min.js"></script>

<script src="{{ asset('js/speech_to_text/socket.io.js') }}"></script>
    <script src="{{ asset('js/speech_to_text/socket.io-stream.js') }}"></script>
    <script src="{{ asset('js/speech_to_text/RecordRTC.js') }}"></script>
  
	<script src="{{ asset('js/speech_to_text/asr.js') }}"></script>
	<script src="{{ asset('js/speech_to_text/digit_converter.js') }}"></script>
    <script src="{{ asset('js/speech_to_text/en_punctuation.js') }}"></script>
	 <link rel="icon" href="res/Shrutlekhan.ico">

   <link rel="stylesheet" href="{{ asset('css/document_viewer/document_viewer_casewise.css') }}" />
<script src="{{asset('js/document_viewer/document_viewer_casewise.js')}}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/4.5.0/fabric.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; */
  padding: 0.5rem 0.71rem;
}

#selectedvalue {
    display: inline-block;
    max-width: 200px; /* Set the maximum width */
    overflow: hidden;
    text-overflow: ellipsis; /* Add ellipsis for text overflow */
    white-space: nowrap; /* Prevent wrapping */
}
.cl_selectedvalue
{
    display: inline-block;
    overflow: hidden;
}

#mydivheader {
  padding: 10px;
  cursor: move;
  z-index: 10;
  background-color: #2196F3;
  color: #fff;
}
#mydivheader1 {
  padding: 10px;
  cursor: move;
  z-index: 10;
  background-color: #2196F3;
  color: #fff;
}

#myBtn
	{
position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  background-color: #2a374f;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  opacity: 0.6;
	}
	#dv_toggle
	{
        /* position: fixed; */
		position: absolute;
  bottom: 20px;
  right: 30px;
  z-index: 9999;
  /* font-size: 18px; */
  border: none;
  outline: none;
  /* background-color: red;
  background-color: white; */
  /* color: white; */
  cursor: pointer;
  /* padding: 15px; */
  border-radius: 4px;
  border:1px solid black;
  opacity: 1;
  top:90px;
 width:360px;
	}

  #input_field 
  {
    resize:none;
  }
  #dv_prayer 
  {
    color:blue;
  }
  #dv_prayer:hover
  {
   cursor:pointer;
  }

  .blink_text {
    animation: blinker 2s linear infinite; 
    color: red;
  }

  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }

  .form-check-input:checked
  {
    background-color: #2a374f;
  border-color: #2a374f;
  }
  .cl_btn_color
  {
    background-color: #2a374f;
  }

  #myBtn1
	{
position: fixed;
  bottom: 20px;
  right: 120px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  background-color: #2a374f;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  opacity: 0.6;
	}
  #dv_toggle1
	{
        /* position: fixed; */
		position: absolute;
  bottom: 40px;
  right: -40px;
  z-index: 9999;
  /* font-size: 18px; */
  border: none;
  outline: none;
  /* background-color: red;
  background-color: white; */
  /* color: white; */
  cursor: pointer;
  /* padding: 15px; */
  border-radius: 4px;
  border:1px solid black;
  opacity: 1;
  top:-80px;
 width:360px;
	}

  .dv_container5
    {
      /*  height: calc(100vh - 150px);  Subtract 200px from the viewport height */
        /* background-color: lightgray;  */
        height: calc(100vh - 100px);
        overflow: scroll;
        margin-top:10px;
    }

    canvas {
            border: 1px solid #2a374f;
            touch-action: none; /* Disable touch scroll */
            overflow: auto;
        }

</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'); 
       $('#myModal2').css('display','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('');
        
        if($('#myBtn').length)
        {
        $('#dv_toggle').addClass('d-none');
	    $('#myBtn').addClass('d-none');
        }

        if($('#myBtn1').length)
        {
        $('#dv_toggle1').addClass('d-none');
	    $('#myBtn1').addClass('d-none');
        }
   $.ajax({
            url: "/orissa/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');
              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');
                    $('.cl_view4').addClass('d-none');
                    $('.cl_view5').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');
                    $('.cl_view4').addClass('d-none');
                    $('.cl_view5').addClass('d-none');
                    }
                    else if($(this).val()==4)
                    {
                    $('.cl_view4').addClass('active');
                    $('#default-tab-100').addClass('active');
                    $('.cl_view2').addClass('d-none'); 
                    // $('.cl_view3').removeClass('d-none');
                    $('.cl_view3').addClass('d-none');
                    $('.cl_view4').addClass('d-none');
                    $('.cl_view5').addClass('d-none');
                    }
                    else if($(this).val()==5)
                    {
                    $('.cl_view5').addClass('d-none');
                    $('#default-tab-200').addClass('active');
                    $('.cl_view2').addClass('d-none'); 
                    // $('.cl_view3').removeClass('d-none');
                    $('.cl_view3').addClass('d-none');
                    $('.cl_view4').addClass('d-none');
                    }
                    else if($(this).val()==6)
                    {
                      $('.cl_view2').addClass('active');
                    $('#default-tab-7').addClass('active');
                    $('.cl_view3').addClass('d-none');
                    // $('.cl_view2').removeClass('d-none');
                    $('.cl_view2').addClass('d-none');
                    $('.cl_view4').addClass('d-none');
                    $('.cl_view5').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_view4').addClass('d-none');
               }
            //    $('.cl_view2').addClass('active');
                // $('#default-tab-7').addClass('active');
				
                        var fil_no = data['data'][0].fil_no;
						//alert(fil_no); 
            // alert(data['clno']);
                        $('#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');
                            // if($('#ddl_firno').length)
                            // $('#ddl_firno').attr('disabled',true);
                        }
                        else 
                        {
                            $('#btn_fir_no').removeClass('d-none');
                            // if($('#ddl_firno').length)
                            // $('#ddl_firno').attr('disabled',false);
                        }

                        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','.cl_sidebar',function(){

    if($(this).hasClass('fa-plus-circle'))
         {
            $('#dv_main_content').removeClass('col-sm-9');
            $('#dv_main_content').addClass('col-sm-12');
           
         }
         else 
         {
           $('#dv_main_content').removeClass('col-sm-12');
           $('#dv_main_content').addClass('col-sm-9');
         }
}) 

$(document).on('click','#chk_defaultview',function(){
    if($(this).is(':checked'))
    {
        $('#lbl_default_view').html('2');
    }
    else 
    {
        $('#lbl_default_view').html('1');
    }
})


 });

 function GetDoc_detils(fil_no,sr_no)
 {
    $('#myModal2').css('display','none');
    $('#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_container17
    {
        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-light" style="background-color:#2a374f">
    <!--Honble Cause List -->
  <div class="row">
     <div class="col-sm-6">
								  <span id="sp_bench_name_jud">@foreach ($get_judge as $judge)
                                   {{ str_replace('\\','',$judge->jname) }}
                                    @endforeach</span> 
				</div>	

                <div class="col-sm-5">
                    <div class="input-group">
                    Bench
                <select class="form-select form-select-sm mx-2 me-3" name="lst_allbench" id="lst_allbench" style='padding:0rem'>
                                    
                                    @foreach ($getJugeBenches as $bench)
                                    <option value="{{ $bench->id }}" @if($estb_code==$bench->id) selected @endif>{{ $bench->est_name }}</option>
                                    @endforeach
                                    </select>
                                    <!-- </div> -->
                <!-- </div>
                <div class="col-sm-3 text-end"> -->
                    <!-- Select View -->
                    <div class="form-check form-check-inline mx-1 d-none">   
                                            <input type="radio" name="rdn_view" id="rdn_view1" value="1" class="form-check-input is-valid-custom cl_selview" @if($get_judge[0]->default_view=='1') checked @endif>V1
                                    </div>
                                    <div class="form-check form-check-inline mx-1 d-none">          
                                            <input type="radio" name="rdn_view" id="rdn_view2" value="2" class="form-check-input is-valid-custom cl_selview" @if($get_judge[0]->default_view=='2') checked @endif>V2
                                    </div>
                                    <div class="form-check form-check-inline mx-1 d-none">          
                                            <input type="radio" name="rdn_view" id="rdn_view4" value="4" class="form-check-input is-valid-custom cl_selview" @if($get_judge[0]->default_view=='4') checked @endif>V3
                                    </div>
                                    <div class="form-check form-check-inline mx-1 d-none">          
                                            <input type="radio" name="rdn_view" id="rdn_view5" value="5" class="form-check-input is-valid-custom cl_selview" @if($get_judge[0]->default_view=='5') checked @endif>V4
                                    </div>
                                    <div class="form-check form-check-inline mx-1 d-none">          
                                            <input type="radio" name="rdn_view" id="rdn_view3" value="3" class="form-check-input is-valid-custom cl_selview" @if($get_judge[0]->default_view=='3') checked @endif>V5
                                    </div>
                                    <div class="form-check form-check-inline mx-1 d-none">          
                                            <input type="radio" name="rdn_view" id="rdn_view6" value="6" class="form-check-input is-valid-custom cl_selview" @if($get_judge[0]->default_view=='6') checked @endif>V6
                                    </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>
               				
									 <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">
                                
                                <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-1 col-form-label"><b>Cause List</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_la">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_la">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_la">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 cl_btn_color" id='btn_data'>Submit</button>
                                </div>
                                <div class="col-sm-1 mt-1 d-none">
                                   <!-- <label class="control-label" for="Search"></label><br /> -->
                                   
                                    <button type="button" class="btn btn-primary btn-sm" id='btn_data_new'>Submit1</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" id="dv_cl_b_d">
   
    
                    <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> -->
     <i style="cursor: pointer;font-size: 17px;position:absolute;top:150px;left:-10px;width:40px" class="fa-solid fa-minus-circle cl_fa_conn cl_sidebar @if($get_judge[0]->default_view!='4') d-none @endif" data-bs-toggle="collapse"  data-bs-target="#cl_sideview" aria-expanded="true" aria-controls="cl_sideview"></i>
    <div class="col-sm-3 mb-3 collapse show cl_index_view" id="cl_sideview">
    <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-100" data-bs-toggle="tab" class="nav-link cl_view cl_view4" title="View 3">V3</a>
            </li>

            <li class="nav-item">
                <a href="#default-tab-200" data-bs-toggle="tab" class="nav-link cl_view cl_view5" title="View 4">V4</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 id="default-tab-100" class="container tab-pane "><br>
     
    </div>

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

    </div>
    </div> 
    <div class="col-sm-9 mb-8" id="dv_main_content">
                                <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" id="dv_his_tab">
        <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="form-check-inline form-switch @if($get_judge[0]->default_view!='4') d-none @endif cl_chk_defaultview" style="margin-right: 0rem">
  <input class="form-check-input" type="checkbox" id="chk_defaultview" name="DefaultView">
  <label class="form-check-label" for="chk_defaultview" id="lbl_default_view">1</label>
</div>        
                              <div class="text-end d-none mx-1 d-inline" 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-xl" 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 d-none">
                                <i class="fas fa-save fa-xl" title="Save Annotation"></i></button>
                                <input type="hidden" name="hd_totalpages" id="hd_totalpages"/>
                                <button id="btn_pageno_doc" class="rounded-circle bg-transparent border-0 p-0 text-primary me-2  mt-2" title="Select Page No. of opend document">
<i class="fas fa-xl fa-fw  fa-file"></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-xl  mb-1" title="Full Screen"></i>
                               </button>
                              </div>
                              </div>
       </div>

       <div class="row" >
<div class="col-sm-3   mt-2">
<div  id="myModal2" class="fade">
<div class="modal-dialog modal-xl" style="margin: 0;">
    <div class="modal-content" >

      <!-- Modal Header -->
      <div class="modal-header" style="padding: 0.4375rem 0.9375rem;">
        <!-- <h4 class="modal-title">Modal Heading</h4> -->
        <button type="button" class="btn-close" id="btn_close2" data-bs-dismiss="modal" ></button>
      </div>

      <!-- Modal body -->
      <div class="modal-body" id="modal2_content" >

     </div>
     <div class="modal-footer">
        <button type="button" class="btn btn-danger" id="btn_close2" data-bs-dismiss="modal">Close</button>
      </div>
     </div>
     </div>
     </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 class="row d-none cl_pspdfkit">
                          <div class="col-sm-6">
                          <div id="pspdfkit2" class="dv_container1" ></div>
                          </div>
                          <div class="col-sm-6">
                          <div id="pspdfkit1" class="dv_container1" ></div>
                            </div>
                        </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>    


<button class="d-none" onclick="speech_to_text()" id="myBtn" title="Go to top">
<i class="fas fa-2xl fa-fw  fa-microphone" title="Speech To Text"></i>

</button>

<div class="card d-none shadow-lg" id="dv_toggle">
    <div class="card-header card-bg-color text-light" id="mydivheader" style="padding: 0.4rem 0.9375rem;background-color:#2a374f">
    <div class="row">
      <div class="col-sm-4">
    Speech To Text
    </div>
    <div class="col-sm-6 text-center">
        <button id="button_mic" class="rounded-circle bg-transparent border-0 p-0 text-light mx-2" title="Microphone">

<i class="fas fa-xl fa-fw me-10px fa-microphone-slash"></i>
</button>
</div>
<div class="col-sm-2">
<button id="btn_hide" class="rounded-circle bg-transparent border-0 p-0 text-light mx-2" title="">
<i style="cursor: pointer;" class="fa-solid fa-xl  fa-minus-circle" ></i>
</button>
</div>
</div>
   
    </div>

<div class="card-body" id="dv_toggle_body">
 <div class="row mb-3">
 <!-- <label for="lang" class="col-sm-3 col-form-label"><b>Language</b></label> -->
        <div class="col-sm-9 ">
       
        <select class="form-select form-select-sm" id="lang" >
      <option value="Select Lang">Select Lang</option>
      <option value="Hindi">Hindi</option>
	  <option value="English">English</option>
    </select>
        </div>

        <div class="col-sm-12 mt-1">
       
      
        </div>
      

    </div> 
     <div class="row">
        <div class="col-cm-12">
        <textarea id="input_field"  style="width: 100%; height: 150px;font-size:16px;text-align: justify;overflow-x:none"></textarea> 
    <span id="sp_input_field"></span>
        </div>
    </div>
    </div>
    <div class="card-footer">
      <div class="row">
      <div class="col-sm-12 text-end">
        <button type="button" class="btn btn-primary btn-sm" id="btn_save_speech">
        <i class="fa fa-spinner fa-spin d-none cl_save_speech"></i> Save</button> 
        </div>
      </div>
    </div>
    </div>

    <button class="d-none" onclick="get_canvas()" id="myBtn1" >

<i class="fas fa-2xl fa-fw me-10px fa-paint-brush"></i>

</button>

<div class="card d-none shadow-lg" id="dv_toggle1">
    <div class="card-header card-bg-color text-light" id="mydivheader1" style="padding: 0.4rem 0.9375rem;background-color:#2a374f">
    <div class="row">
    <div class="col-sm-10"> 
      Handwritten text
   </div>
   <div class="col-sm-2">
<button id="btn_hide1" class="rounded-circle bg-transparent border-0 p-0 text-light mx-2" title="">
<i style="cursor: pointer;" class="fa-solid fa-xl  fa-minus-circle" ></i>
</button>
</div>
   </div>
</div>
   
  

<div class="card-body" id="dv_toggle_body1">
 <div class="row mb-3">

        <div class="col-sm-12 ">
       
        <button type="button" id="btnPencil" class="bg-transparent border-0 text-success cl_drawing"  title="Pencil"><i class="fas fa-lg fa-fw  fa-pen-clip"></i></button>
    <button type="button" id="eraseButton" class="bg-transparent border-0 text-primary cl_drawing"  title="Eraser"><i class="fas fa-lg fa-fw fa-eraser"></i></button>
    <button id="saveButton" class="bg-transparent border-0 text-primary cl_drawing"  title="Save"><i class="fas fa-save"></i></button>
<button id="openButton" class='d-none'>Open Drawing</button>
<button id="rubberButton" class='d-none'>Rubber</button> 
<button id="undoButton" class="bg-transparent border-0 text-primary cl_drawing" title='Redo'><i class="fa fa-undo" aria-hidden="true"></i></button>
        <button id="redoButton" class="bg-transparent border-0 text-primary cl_drawing" title='Redo'><i class="fas fa-redo"></i></button>
      
        <input type="color" id="drawColorPicker" class="bg-transparent border-0 cl_drawing" style="height:21px" title="Select Color">
        <input type="number" id="brushSize" min="1" max="50" value="5" style="height:18px;width:45px" title="Brush Size" class='cl_drawing'>
    <div id="canvasContainer" style="background-color:white;" class='dv_container5 mt-10'>
<!-- <canvas id="paintCanvas" style="width:100%"  class='dv_container4'></canvas> -->
<canvas id="paintCanvas" width='300' height='600' ></canvas>   
</div>
        </div>
  </div> 
    
    </div>
    <!-- <div class="card-footer">
      <div class="row">
      <div class="col-sm-12 text-end">
        <button type="button" class="btn btn-primary btn-sm" id="btn_save_speech">
        <i class="fa fa-spinner fa-spin d-none cl_save_speech"></i> Save</button> 
        </div>
      </div>
    </div> -->
    </div>


    @include('document_viewer.modal_case_wise')

            <!-- <div class="card mb-3">
            <div class="panel">
						<div class="panel-heading card-bg-color text-dark">
								<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-dark">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(){
      document.getElementById('openButton').dispatchEvent(new Event('click'));
        var selected_view='';
$('.cl_selview').each(function(){
    if($(this).is(':checked'))
    {
        selected_view=$(this).val();
    }
})

if(selected_view!=3 && selected_view!=6)
{
    $('.cl_index_view').removeClass('d-none');
    if(selected_view==4)
    {
      $('.cl_pspdfkit').addClass('col-sm-12');
      $('.cl_pspdfkit').removeClass('col-sm-9'); 
    }
    else 
    {
$('.cl_pspdfkit').addClass('col-sm-9');
$('.cl_pspdfkit').removeClass('col-sm-12'); 
    }
$('#dv_main_content').addClass('col-sm-9');
$('#dv_main_content').removeClass('col-sm-12');
$('#dv_cl_b_d').removeClass('d-none');
$('#dv_his_tab').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();
        var ddl_sw=0;
       if(sdbench==2 || sdbench==3)
         ddl_sw=$('#ddl_sw').val();

         var lst_allbench=$('#lst_allbench').val();

        $('#sp_datepicker_err').text('');
        $('#sp_bench_err').text('');
        $('#sp_mf_err').text('');
        $('#ddl_sw_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,ddl_sw:ddl_sw,lst_allbench:lst_allbench},
           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);
                   $('#result').html("");
              }
            else 
            {
           // alert(response);
            //createRows(response);
            $("#result").html(response);
            $('#dv_view').addClass('d-none');
            $('#previousButton').prop('disabled', true);

            const viewportHeight = window.innerHeight;
            const calculatedHeight1 = viewportHeight - 270;
            const calculatedHeight2 = viewportHeight - 278;
            // alert(calculatedHeight1+ 'px');
            $('.dv_container').css('height',calculatedHeight1+ 'px');
            $('.dv_container1').css('height',calculatedHeight2+ 'px');

           $('#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);
            }
           }
         }); 
        }
        else if(selected_view==3)
        {
          $('#dv_cl_b_d').removeClass('d-none');
          $('#dv_his_tab').removeClass('d-none');
            $('#btn_data_new').trigger('click');
        }
        else if(selected_view==6)
        {
          $('#dv_cl_b_d').removeClass('d-none');
          $('#txt_clno_new1').prop('selectedIndex', 0);
          $('#dv_his_tab').addClass('d-none');
          $('.cl_index_view').removeClass('d-none');
$('.cl_pspdfkit').addClass('col-sm-9');
$('.cl_pspdfkit').removeClass('col-sm-12'); 
$('#dv_main_content').addClass('col-sm-9');
$('#dv_main_content').removeClass('col-sm-12');

        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 lst_allbench=$('#lst_allbench').val();

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

        $.ajax({
           url: 'get_cl_records_top',
           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,lst_allbench:lst_allbench},
           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);
                   $('#result').html("");
              }
            else 
            {
           // alert(response);
            //createRows(response);
            $("#result").html(response);
            $('#dv_view').addClass('d-none');
            $('#previousButton').prop('disabled', true);
           $('#btn_go').trigger('click');
            $('#dv_cl_b_d').addClass('d-none');
            const viewportHeight = window.innerHeight;
            const calculatedHeight1 = viewportHeight - 170;
            const calculatedHeight2 = viewportHeight - 170;
            // alert(calculatedHeight1+ 'px');
            // $('.dv_container').css('height',calculatedHeight1+ 'px');
            $('.dv_container1').css('height',calculatedHeight2+ 'px');
            // alert( $('.dv_container_top').height());
            if($('#hd_bench_nm').val()!='')
            $('#sp_bench_name_jud').html($('#hd_bench_nm').val());

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

    });

    $("#btn_data_new").click(function(){
//         var canvas = new fabric.Canvas('paintCanvas');
// document.getElementById('openButton').dispatchEvent(new Event('click'));
     // alert("ans");
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 lst_allbench=$('#lst_allbench').val();

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

        $.ajax({
           url: '/get_cl_records_new',
           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,lst_allbench:lst_allbench},
           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);
                   $('#result').html("");
              }
            else 
            {
           // alert(response);
            //createRows(response);
            $("#result").html(response);
            $('#dv_view').addClass('d-none');
            $('#previousButton').prop('disabled', true);
           $('#btn_go_new').trigger('click');
        //    document.getElementById('openButton').dispatchEvent(new Event('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);
            $(".default-select2").select2();
            }
           }
         }); 

    });

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

       var selected_view='';
$('.cl_selview').each(function(){
    if($(this).is(':checked'))
    {
        selected_view=$(this).val();
    }
})
if(selected_view==6)
  {
    var txt_clno_new1=$('#txt_clno_new1').val();
    var txt_clno1=$('#txt_clno1').val();
  }
      $.ajax({
            url: "/orissa/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,selected_view:selected_view},
            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('');
                 }
                });
                if($('#myBtn').length)
                $('#myBtn').removeClass('d-none');

                if($('#myBtn1').length)
                $('#myBtn1').removeClass('d-none');
                if(selected_view==6)
                {
                const viewportHeight = window.innerHeight;
                // const calculatedHeight1 = viewportHeight - 220;
                const calculatedHeight1 = viewportHeight - 260;
                // const calculatedHeight2 = viewportHeight - 185;
                const calculatedHeight2 = viewportHeight - 180;
                // alert(calculatedHeight1);
               $('.dv_container').css('height',calculatedHeight1+ 'px');
               $('.dv_container1').css('height',calculatedHeight2+ 'px');
              //  alert("ans");
               $('#txt_clno1').val($('#txt_clno').val());
              
               if (typeof txt_clno_new1 == 'undefined') {
               
                $('#txt_clno_new1').prop('selectedIndex', 0);
        }
        else 
        {
                $('#txt_clno_new1').val(txt_clno_new1);
                $('#txt_clno1').val(txt_clno1);
        }
        

                }


            //     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);
    //    alert(get_val);
    //    alert(get_href);
      $.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);
            $('.cl_selview').each(function(){
    if($(this).is(':checked'))
    {
        selected_view_ck=$(this).val();
        if(selected_view_ck==3)
        {
            $('#dropdownMenuButton').addClass('show');
            $('#dropdownMenuButton').attr('aria-expanded',true);
            // $('.dropdown-menu').addClass('show');
            $('ul[aria-labelledby="dropdownMenuButton"]').addClass('show');
        }
    }
})
           
            },
            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');
            }
        }); 
        get_href="#default-tab-9";
        // alert(get_val);
        get_val='A';
    //   alert(get_href);
    // alert(str_val);
    //    alert(get_val);
    //    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')
            },
            beforeSend:function(){
              $(get_href).html("<div class='text-center'><div class='spinner-border'></div></div>");
            // $('#default-tab-9').html("<div class='text-center'><div class='spinner-border'></div></div>");
          },
            success: function (data, status) {
               $(get_href).html(data);
            // alert(data);
            // $('#default-tab-9').html(data);
             $('.cl_part').each(function(){
               // alert($(this).attr('href'));
                if($(this).attr('href')=='#default-tab-9')
               
                {
                    $(this).addClass('active');
                    $($(this).attr('href')).addClass('active');
                    // $('.cl_part').trigger('click');  
                }
                else 
                {
                    $(this).removeClass('active');
                    $($(this).attr('href')).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_pageno_doc',function(){
    var get_contents=[];var sno=0;
    var to_page_no=$('#hd_totalpages').val();
    for(var j=1;j<=to_page_no;j++)
    {
        get_contents[sno]='<div class="col-sm-1  mb-2"> <div style="font-size:11px" id="pagesdoc_'+j+'" class="cl_pages_doc badge rounded-pill bg-primary  text-center ">'+j+'</div></div>';
        sno++;
    }

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

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

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

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

  $(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]);
       
  });
  var get_selected_view_val=0;
  $(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() {
                        get_selected_view_val=id_val;
                       
                        if(id_val==4)
                        {
                            $('.cl_chk_defaultview').removeClass('d-none');
                            $('#pspdfkit').addClass('d-none');
                             $('.cl_pspdfkit').addClass('d-none');
                             $('.cl_sidebar').removeClass('d-none'); 
                        }
                        else 
                        {
                            $('.cl_chk_defaultview').addClass('d-none');
                            $('#pspdfkit').addClass('d-none');
                             $('.cl_pspdfkit').addClass('d-none');
                             $('.cl_sidebar').addClass('d-none');
                        }
                        $('#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();
    $('#modal_head').html('Office Report');
    get_office_report(lst_allcases,'1')
  });

  $(document).on('click','#btn_fir_no',function(){
    $('#modal_head').html('FIR No. Details');
    $('#myModal_office').modal('show');
    $.ajax({
                url: "/getFIRDetails",
                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);
                }
            });
  });

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



  $(document).on('click','#btn_merge',function(){
    $.ajax({
            url: "/ecauselist/merge_orders",
            type: 'POST',
            cache: false,
            async: true,
           
            beforeSend:function(){
              $('#sp_spinner').removeClass('d-none');
          },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function (data, status) {
              
                $('#sp_spinner').addClass('d-none');
                if (data.message == 'error') {
                var json_error = data.errors;
                $('#dv_merge_order').html(json_error);
                $('#dv_merge_order').addClass('bg-danger');
                $('#dv_merge_order').addClass('text-dark');
                    }
                else if (data.message == 'success')
                {
                    var result = data.result;
                    var fil_nm=data.fil_name;
                $('#dv_merge_order').html(result);
                $('#dv_merge_order').addClass('bg-success');
                $('#dv_merge_order').addClass('text-dark');
                $('#pspdfkit').html('');
        $('#dv_officereport').html('');
      $('#dv_officereport').addClass('d-none'); 
      $('#pspdfkit').removeClass('d-none');  
               
                PSPDFKit.unload('#pspdfkit'); 
 
 PSPDFKit.load({
        container: "#pspdfkit",
        document: data.fil_name,
      //  licenseKey: 'n_NXgQlTbMn3IIrxbAf2i6BU8vIETK9SBn7yYdiCbnLfHhwWfdH-BZziZkgLhn_FS7lHdDN7XfKF2ToYX7AojWXlh3DCUhAfm8S4GoHLYrz_9c1FSfdP862ND1vcB25uV5LXBRSLsLCnih12zYQtzWNE2tjVCG80hr6Y82QsAHtVHwtVghBUbVAAkxIMokWywC3oLcqPUvzQWzhbzgUj-dcRqM3uyf_0lXm5c41M4FoXUNxUvrTDMklFD1UGP85yOj8aS8MIjMT2w-b0vsBHnBujqq8Y-nOCm5tzGFxqGoxw9y3xcYrFOETM0qM0q_vSyG8vrngK-db1ySu8NHcgaLqMB8jIiY8av30cAXhAx1fld-Iujz2eDHigGIbmQszIziXn6f3Dzdd0bwkk4UQf9zODVTkDm6_Qo-QkfDXTh2WjZ28qQsAr2qyClv7JkWxWAewh3WzevbQl2ebKof74NpUT4RJ_gI9XtOXhD1wNEtqSB-PF2DEwYUgd5vPwgfsnQ7k2gXs1_VPZZvWVOMnt4QNnC8QnY53ku8qV_fV5vYfCq7cEPGY6nr32ccxleMalCQpFXQDcoRbnA2rNWRqeU7S9iG0qXLkgOs70JzaNoNY=',
          licenseKey: 'P6HHYSxGCka3WvUyxq0APxwTq53hKQx5DGRuw3JvSPL8bxbLQIZ1otMfBY9LEY2HU0wORFcvAGFQCmxmsWlDztUivU3waQ0kobPNeNENQDcOPkhsvFjCoUx63-N-9fpWgDFlfGRO_ju4j9bg72u7egRWWlNjEqLVwhfLYk1xt5jepf5lw6vRTv3qKWSl-5hwAS1hdpGnOeZjJGmdJOUjrtlvRE-H88RJSkgPkyNoANCnPJGhkrxP16bXd7mPiyGRVRw4Iu79wW6Ski1MfFaCd14cSmLifxhMJmJ-V2JmV0CishEoX-BONyBcJ4ywty6XNftnm5hyQ7jzP0z7bWD53l3WtbYrWx0Ran2GzcOF8oj5gHBGO8kEFW3oHnpyrGYZ4ZbkHT_7HyDt-7n42ScPqWyB-v7KZSptmfgR3-7ThZA_gZVVJy81YrpqOMVcFY-ZmmOe8EUmgpYR8ag1ZAQiAaPAyRjIjwfKn9Jio1qQsmW5vP41KXN7qLVp54n_XqDDeD29fy5r7l3xlr2Z9_r9v04xVET0XcnViYcn_4ISZ9YyP6V3jvK8GSlbkKRAokHQGNFQdzczqvLvVMG4M2-y_j1KXI0_ydjTLXTKCpGHw-0=',
      //  licenseKey: 'KvqfANofenZoKhhpC-ZOegrGVLGD6QNKhkizfQLKCdTRY-29cxyzivs8jWRv5Q7OxlmGXWEvlrmSqgpnkh2rvPEdO-i6LfCur9ZKMFgrLRDJgkKmiGnE1evZTxUw3Pslrzmr27fe43CaBvVQ6vyYsy4ybzFoDVsGW0FLm_82N3UZe-bf_0-bzjAzjfcyRjEiQ01wUWxA63L3BXTNIKDSZpEQcVg0knbKZlUqshwcNxzmYaI16nj2q9iuJZkcJkNdePV4rVCwYiT9cg9RqF1F5MgVGv9n5rKRFzRUytGbm6Ydl2RPhuk7CTIPoSY_Ck9aPFRKw95WODY8p9jx3w-XFqHoT_eP6s-5CXnm3f5gYGhNiQVq--hnnwLuPZA_ZexcyArxxjMbWgik-XF8M3guWAsAYcObxD04oRBdq1Jy6MutON5CiEiozEdvBvqV-nzJ-UUY6fG1hUk2lq452T4HnEH0L2vRiBID0zMZZJuYSThW4szAFv2t7CcdJ0HuYG2xEdyIVdRpaQ3zPedzcJximygrQtTSjC2qha4zrzWao-cHWPdT_TftG9RdOUHzFQov1c2967D99QPSx-7hWq4HrkhcezyWJaZwUBaU30L0xKiyLDGdxvlZIfP9nf6h4Ui3',
        instantJSON: null,
     //   toolbarItems: toolbarItems,
//         initialViewState: new PSPDFKit.ViewState({
//     sidebarMode: PSPDFKit.SidebarMode.ANNOTATIONS,
   
  
//   })
        // instantJSON: "saved_annotations.json"
        // autoSaveMode: PSPDFKit.AutoSaveMode.DISABLED
        // licenseKey: "YOUR_LICENSE_KEY",
      }).then(function (instance) {
	  instance.setViewState(viewState => viewState.set("showToolbar", !viewState.showToolbar));
if (typeof current_page !== 'undefined') {
const newState = instance.viewState.set("currentPageIndex", current_page); 
instance.setViewState(newState); 
}
delete_order(fil_nm);
	  });
                }
              //  $('#dv_merge_order').html(data);
               // $(get_href).html(data);
           },
            error: function (xhr) {

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

  $(document).on('click','.cl_bench,.cl_m_f_la',function(){
      // var id_val=$(this).val();
      var id_val='';
      $('.cl_bench').each(function(){
        if($(this).is(':checked'))
        {
          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();

        var lst_allbench=$('#lst_allbench').val();

        $('#sp_datepicker_err').text('');
        $('#sp_bench_err').text('');
        $('#sp_mf_err').text('');
    $.ajax({
            url: "/orissa/get_sitting_with",
            type: 'POST',
            cache: false,
            async: true,
            data: { lst_judge: lst_judge,datepicker:datepicker,sdbench:sdbench,mf:mf,lst_allbench:lst_allbench},
            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('change','#lst_allbench',function(){
    $("#result").html('');
    $('#multiCollapseExample2').addClass('show');
    $('.cl_fa').removeClass('fa-plus-circle');
    $('.cl_fa').addClass('fa-minus-circle'); 
    $('#dv_view').addClass('d-none');
    $('.cl_bench').prop('checked',false);
    $('#ddl_sw').html('');
    $('.cl_sitting_with').addClass('d-none');

  });

  $(document).on('click','#nextButton_new,#previousButton_new,#btn_go_new',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_new').val(fil_no_conn+','+sr_no);
        var txt_clno=sr_no;
   }
   else 
   {
    var sp_txt_clno=$('#txt_clno_new').val().split(',');
    // var txt_clno=$('#txt_clno_new').val();
    var txt_clno=sp_txt_clno[1];
   }
//   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();
       // alert(ddl_sw);
        $('#sp_txtsearch_e').text('');
   $.ajax({
            url: "/ecauselist/next_causelistno_new", 
            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');
             });

            //  document.getElementById('openButton').dispatchEvent(new Event('click'));
            
			 
				//$('.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(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_new(fil_no);
                        }
                        else 
                        {
                            //GetDoc(fil_no_conn);
                            get_office_report_new(fil_no_conn);
                        }
                    }
                
               
            },
            error: function (xhr) {

                alert("Error:" + xhr.status + ' ' + xhr.statusText);
            }
        });
});
$(document).on('change','#txt_clno_new',function(){
//    var id_val=$(this).val();
// //    alert(id_val);
//    var ex_idval=id_val.split(',');
$('#selectedvalue').html('PaperBook');
   var fil_no=$("#txt_clno_new option:selected").data('fil_no');
   var brdslno=$("#txt_clno_new option:selected").data('brdslno');

  //alert(fil_no);
    $('#btn_go_new').trigger('click', [fil_no, brdslno]);
})


  $(document).on('click','.cl_pages_doc',function(){
       var c_val= parseInt($(this).html().trim());
     
       $('.cl_pages_doc').each(function(){
        $(this).removeClass('bg-success');
        $(this).addClass('bg-primary');
       })
      
       $(this).addClass('bg-success');
       $(this).removeClass('bg-primary');

    //    var page_status=0;
    $('.cl_documents').each(function(){
        var idd=$(this).attr('id');
        var sp_idd=idd.split('_');

      if($(this).hasClass('text-success'))
            {
               // alert("ans");
                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(','');
               var current_page=c_val-1;
               var c_val_s=undefined;
               get_sp_det(sp_get_result[0].replace(/'/g,''),sp_get_result[1].replace(/'/g,''),sp_get_result[2].replace(/'/g,''),idd,current_page,c_val_s,c_val);
            //    page_status=1;
               return false;
            }
     });
       
  });

  $(document).on('change','#ddl_reports',function(){
    var idd_val=$(this).val();
    if(idd_val=='btn_officereport')
    $('#btn_officereport').trigger('click');
    else if(idd_val=='btn_fir_no')
    $('#btn_fir_no').trigger('click');
    else if(idd_val=='btn_cs_no')
    $('#btn_cs_no').trigger('click');
    else if(idd_val=='btn_reference')
    $('#btn_reference').trigger('click');
    else if(idd_val=='btn_reference_added')
    {
    // $('#btn_reference_added').trigger('click');
    $('#modal_head').html('Added Reference');
    $('#myModal_office').modal('show');
    $.ajax({
                url: "/ecauselist/get_added_reference",
                type: 'POST',
                cache: false,
                async: false,
                // data: {fil_no:fil_no},
                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);
                       
                       
                }
            });
    }
 })

 $(document).on('click','#btn_hide',function(){
  $('#dv_toggle').addClass('d-none').hide().fadeIn();
	$('#myBtn').removeClass('d-none').hide().fadeIn();
  $('#myBtn1').removeClass('d-none').hide().fadeIn();
  })

  $(document).on('click','#btn_hide1',function(){
  $('#dv_toggle1').addClass('d-none').hide().fadeIn();
	$('#myBtn1').removeClass('d-none').hide().fadeIn();
  $('#myBtn').removeClass('d-none').hide().fadeIn();
  })

  $(document).on('click','#btn_save_speech',function(){
   var datepicker=$('#datepicker').val();
   var input_field=$('#input_field').val();
    $.ajax({
    url: "/orissa/save_speech_text",
    type: 'POST',
    cache: false,
    async: false,
    data: {datepicker:datepicker,input_field:input_field},
    beforeSend:function(){
      
        $('#cl_save_speech').removeClass('d-none');
},
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
    success: function (data, status)
    {
        if (data.message == 'Validate') {
              var json_error = data.errors;
                $('#sp_input_field').text(json_error.input_field);
             }
        else 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
            }
          }
        });
    }
    else if(data.message=='update')
            {
                 
                   console.log("Updated Sucessfully");
    }
    else 
            {
                 
                    swal({
          title: '',
          text: data.status,
          icon: 'error',
          buttons: {
           
            confirm: {
              text: 'error',
              value: true,
              visible: true,
              className: 'btn btn-primary',
              closeModal: true
            }
          }
        });
    }

    $('#cl_save_speech').addClass('d-none');
     
    }
});
})

$(document).on('blur','#input_field',function(){
    $('#btn_save_speech').trigger('click');
});

$(document).on('click','#btn_reference',function(){
    $('#modal_head').html('Reference');
    $('#myModal_office').modal('show');
    $.ajax({
                url: "/ecauselist/get_reference",
                type: 'POST',
                cache: false,
                async: false,
                // data: {fil_no:fil_no},
                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);
                }
            });
  });

  $(document).on('click','#btn_add_document',function(){
    $('#btn_add_document').prop('disabled',true);
       var txt_doc_description=$('#txt_doc_description').val();
       $('#sp_doc_description_err').text('');
       $.ajax({
                url: "/ecauselist/save_reference",
                type: 'POST',
                cache: false,
                async: false,
                data: {txt_doc_description:txt_doc_description},
        //         beforeSend:function(){
                  
        //             $('#sp_doc_description_err').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=='Validate')
               {
                   var json_error=data.errors;
                   $('#sp_doc_description_err').text(json_error.txt_doc_description);
                   $('#btn_add_document').prop('disabled',false);
              }
            else  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() {
       
        $('#txt_doc_description').val('');
        $('#btn_add_document').prop('disabled',false);
       $('#btn_reference').trigger('click');
      });
    }
    else 
            {
                 
                    swal({
          title: '',
          text: data.status,
          icon: 'error',
          buttons: {
           
            confirm: {
              text: 'error',
              value: true,
              visible: true,
              className: 'btn btn-primary',
              closeModal: true
            }
          }
        });
    }
                }
            });

  });

  $(document).on('click','.cl_editd',function(){
  var idd=$(this).data('id');

  $.ajax({
    url: "/ecauselist/edit_reference_details_m",
    type: 'POST',
    cache: false,
    async: false,
    data: {idd:idd},
    beforeSend:function(){
      
        $('#sp_load').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)
    {
     $('#sp_load').html('');
     $('#txt_doc_description').val(data.ref_reply_details[0].document_name);
    $('#btn_add_document').addClass('d-none');
    $('#btn_update_document').removeClass('d-none');
    $('#btn_reset_document').removeClass('d-none');
     
    }
});
 })

 $(document).on('click','#btn_update_document',function(){
  $('#btn_update_document').prop('disabled',true);
  var txt_doc_description=$('#txt_doc_description').val();
// alert(txt_doc_description);
  $('#sp_doc_description_err').text('');

  $.ajax({
      url: '/ecauselist/update_document_main', 
      method: 'POST',
      data: {txt_doc_description:txt_doc_description},
    
      headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success: function(data) {
          if (data.message == 'Validate') {
              var json_error = data.errors;
                $('#sp_doc_description_err').text(json_error.txt_doc_description);
             
                $('#btn_update_document').prop('disabled',false);
                  }

                  else  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_update_document').prop('disabled',false);
           $('#btn_reference').trigger('click');
          // get_reference_details();
            });
          }
          else 
                  {
                       
                          swal({
                title: '',
                text: data.status,
                icon: 'error',
                buttons: {
                 
                  confirm: {
                    text: 'error',
                    value: true,
                    visible: true,
                    className: 'btn btn-primary',
                    closeModal: true
                  }
                }
              }).then(function() {
                  $('#btn_update_document').prop('disabled',false);
                });
          }
          
      },
      error: function(xhr, status, error) {
          console.log(xhr.responseText);
          
      }
  });
 })

 $(document).on('click','#btn_reset_document',function(){
    $('#btn_reference').trigger('click');
 })

 $(document).on('click','#btn_reset_document1',function(){
    $('#btn_reference').trigger('click');
 })

 $(document).on('click','.cl_deleted',function(){
  var idd=$(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_document_main",
              type: 'POST',
              cache: false,
              async: true,
              data: { idd:idd },
      //         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_reference').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() {
         
    });
      }
              }
          });
     
     
    } else {
      swal("Cancelled", "Record not deleted :)", "error");
    }
  })

 })

 $(document).on('click','#btn_add_document1',function(){
  $('#btn_add_document1').prop('disabled',true);
    var txt_doc_description=$('#txt_doc_description1').val();
    var pdfFile=$('#pdf_file')[0].files[0];
    var formData=new FormData();
    formData.append('txt_doc_description',txt_doc_description);
    formData.append('pdf_file',pdfFile);
    
    $('#sp_doc_description_err1').text('');
    $('#sp_pdf_file_err').text('');
    $.ajax({
        url: '/ecauselist/add_document', 
        method: 'POST',
        data: formData,
        processData: false,
        contentType: false,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success: function(data) {
            if (data.message == 'Validate') {
                var json_error = data.errors;
                  $('#sp_doc_description_err1').text(json_error.txt_doc_description);
                  $('#sp_pdf_file_err').text(json_error.pdf_file);
                  $('#btn_add_document1').prop('disabled',false);
                    }

                    else  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_add_document1').prop('disabled',false);
             $('#btn_reference').trigger('click');
            
              });
            }
            else 
                    {
                         
                            swal({
                  title: '',
                  text: data.status,
                  icon: 'error',
                  buttons: {
                   
                    confirm: {
                      text: 'error',
                      value: true,
                      visible: true,
                      className: 'btn btn-primary',
                      closeModal: true
                    }
                  }
                }).then(function() {
                    $('#btn_add_document1').prop('disabled',false);
                  });
            }
            
        },
        error: function(xhr, status, error) {
            console.log(xhr.responseText);
            
        }
    });

 })

 $(document).on('click','.cl_edit',function(){
  var idd=$(this).data('id');

  $.ajax({
    url: "/ecauselist/edit_reference_details",
    type: 'POST',
    cache: false,
    async: false,
    data: {idd:idd},
    beforeSend:function(){
      
        $('#sp_load').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)
    {
     $('#sp_load').html('');
     $('#txt_doc_description1').val(data.ref_reply_details[0].doc_name);
    $('#btn_add_document1').addClass('d-none');
    $('#btn_update_document1').removeClass('d-none');
    $('#btn_reset_document1').removeClass('d-none');
     
    }
});
 })

 $(document).on('click','#btn_update_document1',function(){
  $('#btn_update_document1').prop('disabled',true);
  var txt_doc_description=$('#txt_doc_description1').val();
  var pdfFile='';
  if($('#pdf_file').val()!='')
   pdfFile=$('#pdf_file')[0].files[0];


  //alert(pdfFile);
  var formData=new FormData();
  formData.append('txt_doc_description',txt_doc_description);
  formData.append('pdf_file',pdfFile);
  
  $('#sp_doc_description_err1').text('');
  $('#sp_pdf_file_err').text('');
  $.ajax({
      url: '/ecauselist/update_document', 
      method: 'POST',
      data: formData,
      processData: false,
      contentType: false,
      headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success: function(data) {
          if (data.message == 'Validate') {
              var json_error = data.errors;
                $('#sp_doc_description_err1').text(json_error.txt_doc_description);
                $('#sp_pdf_file_err').text(json_error.pdf_file);
                $('#btn_update_document1').prop('disabled',false);
                  }

                  else  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_update_document1').prop('disabled',false);
           $('#btn_reference').trigger('click');
          // get_reference_details();
            });
          }
          else 
                  {
                       
                          swal({
                title: '',
                text: data.status,
                icon: 'error',
                buttons: {
                 
                  confirm: {
                    text: 'error',
                    value: true,
                    visible: true,
                    className: 'btn btn-primary',
                    closeModal: true
                  }
                }
              }).then(function() {
                  $('#btn_update_document1').prop('disabled',false);
                });
          }
          
      },
      error: function(xhr, status, error) {
          console.log(xhr.responseText);
          
      }
  });
 })

 $(document).on('click','.cl_pdf_show',function(){
  var idd=$(this).data('id');

 //str=window.location.origin+'/'+str;
 $('#myModal_pdf').modal('show');
 
 document.getElementById('ob_shw_xc').setAttribute('data',idd);
 })

 $(document).on('click','.cl_delete',function(){
  var idd=$(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_document",
              type: 'POST',
              cache: false,
              async: true,
              data: { idd:idd },
      //         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_reference').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() {
         
    });
      }
              }
          });
     
     
    } else {
      swal("Cancelled", "Record not deleted :)", "error");
    }
  })

 })

 $(document).on('click','#dv_prayer',function(){
  // alert("ans11");
  $.ajax({
    url: "/ecauselist/get_prayer",
    type: 'POST',
    cache: false,
    async: false,
    dataType: 'json',
    // data: {datepicker:datepicker,input_field:input_field},
    beforeSend:function(){
      
        $('#cl_save_speech').removeClass('d-none');
},
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
    success: function (data, status)
    {
        //  alert(data.document_details);
      var document_details= data.document_details;
        var url='';var docdesc='';var id='';var from_table_s='';
        detailsHtml='';
        // $.each(data.document_details, function(key, value) {
        //   alert(key);
        //         detailsHtml += '<p><strong>' + key + ':</strong> ' + value + '</p>';
        //     });
         for (var key in document_details) {
          
                  // alert(key + ':', document_details[key])
                    console.log(key + ':', document_details[key]);
                    // alert(key);
                    if(key=='url')
                    {
                      url=document_details[key];
                    }
                    if(key=='docdesc')
                    {
                      docdesc=document_details[key];
                    }
                    if(key=='id')
                    {
                      id=document_details[key];
                    }
                    if(key=='from_table_s')
                    {
                      from_table_s=document_details[key];
                    }
                
            }
// alert(url);
            $('.cl_documents').each(function(){
              var idd=$(this).attr('id');
              // alert(idd);
              var sp_idd=idd.split('_');
              // alert($('#tddocname_'+sp_idd[1]).html().trim();
              // alert(docdesc);
// alert($('#tddocname_'+sp_idd[1]).html().trim());
if($('#tddocname_'+sp_idd[1]).html().trim()==docdesc)
{
        // alert(docdesc);
        var document_id='trdocuments_'+sp_idd[1];
        get_sp_det(url,id,from_table_s,document_id,undefined,undefined,undefined,'prayer');
        // get_sp_det(str,id,table_id,id_val,current_page,c_val)
}
              // if($('#tddocname_'+sp_idd[1]).html().trim())==docdesc)
              // {
              //   var document_id=('trdocuments_'+sp_idd[1]);
              //   get_sp_det(url,id,from_table_s,document_id);
              // }
            })
    }
});
})


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

  $(document).on('change','#txt_clno_new1',function(){
      
       var fil_no=$("#txt_clno_new1 option:selected").data('fil_no');
   var brdslno=$("#txt_clno_new1 option:selected").data('brdslno');

  //alert(fil_no);
    $('#btn_go').trigger('click', [fil_no, brdslno]);
  })

  $(document).on('click','#nextButton1',function(){
    
    var brdslno=$("#txt_clno_new1 option:selected").data('brdslno');
    var next_brdslno=brdslno+1;
    // alert(next_brdslno);
    $("#txt_clno_new1 option").each(function() {
    if ($(this).data('brdslno') === next_brdslno) {
        $(this).prop('selected', true);
        return false; // break the loop once the correct option is found
    }
});


      var fil_no=$("#txt_clno_new1 option:selected").data('fil_no');


 //alert(fil_no);
   $('#btn_go').trigger('click', [fil_no, next_brdslno]);
 })

 $(document).on('click','#previousButton1',function(){
    
    var brdslno=$("#txt_clno_new1 option:selected").data('brdslno');
   if(brdslno>1)
   {
    var next_brdslno=brdslno-1;
    // alert(next_brdslno);
    $("#txt_clno_new1 option").each(function() {
    if ($(this).data('brdslno') === next_brdslno) {
        $(this).prop('selected', true);
        return false; // break the loop once the correct option is found
    }
});


      var fil_no=$("#txt_clno_new1 option:selected").data('fil_no');


 //alert(fil_no);
   $('#btn_go').trigger('click', [fil_no, next_brdslno]);
}
 })










  function get_office_report(fil_no,popup)
        {
            
           // $('#dv_officereport').removeClass('d-none');
          
           if (typeof popup !== 'undefined') {
            $('#myModal_office').modal('show');
           }
            $.ajax({
                url: "/orissa/get_office_report",
                type: 'POST',
                cache: false,
                async: true,
                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 
                    {
                      // alert(data);
                        // $('#myModal_office').modal('show');
                        $('#dv_modal_body').html(data);
                    }
                  
                }
            });
        }

        function delete_order(file_nm) 
        {
            $.ajax({
                url: "/ecauselist/delete_order",
                type: 'POST',
                cache: false,
                async: false,
                data: {file_nm:file_nm},
               
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function (data, status)
                {
                  $('#dv_merge_order').html('');
                }
            });
        }

        function get_office_report_new(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: true,
                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_new(fil_no);
                    }
                    else 
                    {
                        // $('#myModal_office').modal('show');
                        $('#dv_modal_body').html(data);
                    }
                    $('#myModal2').css('display','none');
                  
                }
            });
        }

        function get_view_new(){
     
     //     if (typeof href !== 'undefined') {
     //         var get_val=href;
     //     }
     //     else{
     //     var get_val=$(this).attr('href');
     //     }
     //    // alert(get_val);
    var get_val="#default-tab-31";
       $.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: '#default-tab-31'},
             headers: {
                 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
             },
             success: function (data, status) {
             // $('#ddl_documents').html(data);
             $('#dv_documents').html(data);
                 // $(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('');
                  }
                 });
 
                 $('.cl_index_view').addClass('d-none');
                 $('.cl_pspdfkit').removeClass('col-sm-9');
                 $('.cl_pspdfkit').addClass('col-sm-12');
                 $('#dv_main_content').removeClass('col-sm-9');
                 $('#dv_main_content').addClass('col-sm-12');
 
             },
             error: function (xhr) {
 
                 alert("Error:" + xhr.status + ' ' + xhr.statusText);
             }
         });
       
     }

     var asr_lang = "";
		var mic_setting=0;

		
        jQuery(window).bind("load", function () {
		
		console.log("after page load");
		//resampleWorker = 'js/resampler.js';
		//resampleWorker = 'https://localhost:3443/Content/js/resampler_original.js';
           
        
			
			
			// For lang select
			$('#lang').on('change', function (event,language) { 
                 
      
				if(mic_setting==0)
			  {
				
				// $("#button_mic").attr("src","{{ asset('res/mic_off.png') }}");
                $("#button_mic").html('<i class="fas fa-2xl fa-fw me-10px fa-microphone-slash"></i>');
				alert("Please check microphone setting and refresh the page !!!");
				console.error("Please check microphone setting and refresh the page !!!");
						  
				return;
								 
				}
					
				     
                if (typeof language !== 'undefined') {
                    asr_lang = language;
                }
                else
				asr_lang = this.value;
				console.log("asr lang :"+asr_lang);
				if(asr_lang=="Select Lang")
				{
				alert("Please select the language.....");
				// $("#button_mic").attr("src","{{ asset('res/img/mic_off.png') }}");
				
                $("#button_mic").html('<i class="fas fa-2xl fa-fw me-10px fa-microphone-slash"></i>');
				return;
				}
				//socket.emit('lang change');
				//socket.emit('source language', asr_lang);
			//	alert("ans");
				// $("#button_mic").attr("src","{{ asset('res/mic_normal.png') }}");
                $("#button_mic").html('<i class="fas fa-2xl fa-fw me-10px fa-microphone"></i>')
				
				//socket.emit('target language', "");

            })
           

          

        });

        function speech_to_text()
{
	// alert("ans");
	$('#dv_toggle').removeClass('d-none').hide().fadeIn();
	$('#myBtn').addClass('d-none').hide().fadeIn();
  $('#myBtn1').addClass('d-none').hide().fadeIn();
  $('#input_field').height($('#dv_toggle_body').height()-60);
  var datepicker=$('#datepicker').val();

  $('#lang').val('English');
  $('#lang').trigger('change', ['English']);
  
  $.ajax({
    url: "/orissa/get_speech_text",
    type: 'POST',
    cache: false,
    async: true,
    data: {datepicker:datepicker},
    beforeSend:function(){
      
        $('#cl_save_speech').removeClass('d-none');
},
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
    success: function (data, status)
    {
       
        if(data.message=='yes') 
        {
            $('#input_field').val(data.status);
        }
        else 
        {
            $('#input_field').val(data.status);
        }
   $('#cl_save_speech').addClass('d-none');
     
    }
});

  // alert($('#dv_toggle_body').height()-80);
}

function get_canvas()
{
	// alert("ans");
	$('#dv_toggle1').removeClass('d-none').hide().fadeIn();
	$('#myBtn1').addClass('d-none').hide().fadeIn();
  $('#myBtn').addClass('d-none').hide().fadeIn();
  $('#paintCanvas').height($('#dv_toggle_body').height()-60);
}

 
</script>

<script>
//Make the DIV element draggagle:
if($('#dv_toggle').length) 
{
dragElement(document.getElementById("dv_toggle"));

function dragElement(elmnt) {
   

  var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  if (document.getElementById("mydivheader")) {
    /* if present, the header is where you move the DIV from:*/
    document.getElementById("mydivheader").onmousedown = dragMouseDown;
  } else {
    /* otherwise, move the DIV from anywhere inside the DIV:*/
    elmnt.onmousedown = dragMouseDown;
  }

  function dragMouseDown(e) {
    $('#dv_toggle').css('position','');
    $('#dv_toggle').css('bottom','auto');
    // $('#dv_toggle').css('width','580px');
    e = e || window.event;
    e.preventDefault();
    // get the mouse cursor position at startup:
    pos3 = e.clientX;
    pos4 = e.clientY;
    document.onmouseup = closeDragElement;
    // call a function whenever the cursor moves:
    document.onmousemove = elementDrag;

    // var box = document.getElementById('dv_toggle');
    // var rect = box.getBoundingClientRect();
    //     var x = e.clientX - rect.left;
    //     var y = e.clientY - rect.top;

    //     // alert(x);
    //     // alert(rect.width);

    //     // Checking which side of the box was clicked
    //     if (x <= 5) {
    //         // Left side clicked
    //         console.log('Left side clicked');

            

    //     } else if (x >= rect.width) {
    //         // Right side clicked
    //         console.log('Right side clicked');
    //     } else if (y <= 0) {
    //         // Top side clicked
    //         console.log('Top side clicked');
    //     } else if (y >= rect.height) {
    //         // Bottom side clicked
    //         bottomFunction();
    //     }
  }

  function elementDrag(e) {
  
    e = e || window.event;
    e.preventDefault();
    // calculate the new cursor position:
    pos1 = pos3 - e.clientX;
    pos2 = pos4 - e.clientY;
    pos3 = e.clientX;
    pos4 = e.clientY;

    var screenWidth = window.screen.width;
    var screenHeight = window.screen.height;
    // alert(screenWidth);
    

   var dv_toggle_width= parseInt($('#dv_toggle').width());

  //  alert(elmnt.offsetTop - pos2);
  //  alert(screenHeight);

// var dv_container2= $('.dv_container2').height();
//     var dv_toggle_top=$('#dv_toggle').css('top');
//     if(parseInt(dv_toggle_top)>parseInt(dv_container2))
//     {
//         $('.dv_container2').css('height',dv_container2+dv_toggle_top);
//         // alert($('.dv_container2').height());
//     }

    // if(parseInt(elmnt.offsetTop - pos2)==parseInt(screenHeight)-250)
    // {
    //    $('#dv_toggle').css('position','absolute');
    // }

    // set the element's new position:
    // if(elmnt.offsetTop - pos2>2 && elmnt.offsetTop - pos2<screenHeight-250)
   
    if(elmnt.offsetTop - pos2>2 && elmnt.offsetTop - pos2<screenHeight-50)
    {
    
    elmnt.style.top = (elmnt.offsetTop - pos2) + "px";

    // if(parseInt(elmnt.offsetTop - pos2) == screenHeight - 250)
    //     {
    //       $('#dv_toggle').css('position','absolute');
    //     }
    }
    // if(elmnt.offsetLeft - pos1)
    if(elmnt.offsetLeft - pos1>1 && elmnt.offsetLeft - pos1<parseInt(screenWidth)-dv_toggle_width)
    {
    elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
    }

    //     var card = $('#dv_toggle');
    // var startX = e.pageX;
    // var startWidth = card.width();

    // // $(document).on('mousemove', function(e) {
    //   var newWidth = startWidth + (e.pageX - startX);
    //   alert("jjj"+newWidth);
    //   card.width(newWidth);
      
    // });

    // var dv_container2= $('.dv_container2').height();
    // var dv_toggle_top=$('#dv_toggle').css('top');
    // if(parseInt(dv_toggle_top)>parseInt(dv_container2))
    // {
    //     $('.dv_container2').css('height',dv_container2+dv_toggle_top);
    //     // alert($('.dv_container2').height());
    // }
    //    alert(dv_container2);
    

    $(document).on('mouseup', function() {
      $(document).off('mousemove');
      $(document).off('mouseup');
    });
  }

  function closeDragElement() {
    /* stop moving when mouse button is released:*/
    document.onmouseup = null;
    document.onmousemove = null;

  }


dragElement1(document.getElementById("dv_toggle"));
function dragElement1(elmnt) {
  var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  if (document.getElementById("mydivheader")) {
    /* if present, the header is where you move the DIV from:*/
    document.getElementById("mydivheader").addEventListener('touchstart', dragTouchStart, false);
  } else {
    /* otherwise, move the DIV from anywhere inside the DIV:*/
    elmnt.addEventListener('touchstart', dragTouchStart, false);
  }

  function dragTouchStart(e) {
    e = e || window.event;
    e.preventDefault();
    if (e.touches.length === 1) {
      var touch = e.touches[0];
      pos3 = touch.clientX;
      pos4 = touch.clientY;
      document.addEventListener('touchmove', elementTouchMove, false);
      document.addEventListener('touchend', closeDragElement1, false);
    }
  }

  function elementTouchMove(e) {
    e = e || window.event;
    e.preventDefault();
    if (e.touches.length === 1) {
      var touch = e.touches[0];
      pos1 = pos3 - touch.clientX;
      pos2 = pos4 - touch.clientY;
      pos3 = touch.clientX;
      pos4 = touch.clientY;

      var screenWidth = window.screen.width;
      var screenHeight = window.screen.height;
      var dv_toggle_width = parseInt($('#dv_toggle').width());

      if(parseInt(elmnt.offsetLeft - pos1) > 0 && parseInt(elmnt.offsetLeft - pos1) < parseInt(screenWidth) - dv_toggle_width) {
        elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
      }
      
      // if(parseInt(elmnt.offsetTop - pos2) > 2 && parseInt(elmnt.offsetTop - pos2) < screenHeight - 250) {
        if(parseInt(elmnt.offsetTop - pos2)>2 && parseInt(elmnt.offsetTop - pos2)<screenHeight-50)
        elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
      }
    }
  }

  function closeDragElement1() {
    document.removeEventListener('touchmove', elementTouchMove, false);
    document.removeEventListener('touchend', closeDragElement, false);
  }
}


// var box = document.getElementById('dv_toggle_body');

//     box.addEventListener('mousedown', function(event) {
//         // Getting mouse coordinates relative to the box
//         var rect = box.getBoundingClientRect();
//         var x = event.clientX - rect.left;
//         var y = event.clientY - rect.top;

//         // Checking which side of the box was clicked
//         if (x <= 5) {
//             // Left side clicked
//             leftFunction();
//         } else if (x >= rect.width) {
//             // Right side clicked
//             rightFunction();
//         } else if (y <= 0) {
//             // Top side clicked
//             topFunction();
//         } else if (y >= rect.height) {
//             // Bottom side clicked
//             bottomFunction();
//         }
//     });

//     function leftFunction() {
//         console.log('Left side clicked');
//         // Add your code here
//     }

//     function rightFunction() {
//         console.log('Right side clicked');
//         // Add your code here
//     }

//     function topFunction() {
//         console.log('Top side clicked');
//         // Add your code here
//     }

//     function bottomFunction() {
//         console.log('Bottom side clicked');
//         // Add your code here
//     }

var box = document.getElementById('dv_toggle_body');
var isResizing = false;
var startX, startY, startWidth, startHeight;

box.addEventListener('mousedown', function(event) {
  if (event.target.id === 'input_field') {
        return; 
    }
    isResizing = true;
    startX = event.clientX;
    startY = event.clientY;
    startWidth = parseInt(document.defaultView.getComputedStyle(box).width, 10);
    startHeight = parseInt(document.defaultView.getComputedStyle(box).height, 10);
});

window.addEventListener('mousemove', function(event) {
    if (isResizing) {
        var width = startWidth + (event.clientX - startX);
        var height = startHeight + (event.clientY - startY);

        $('#input_field').height(height-130 + 'px')
        $('#dv_toggle').width(width + 'px');
        $('#dv_toggle').height(height+50 + 'px');
        box.style.width = width + 'px';
        box.style.height = height + 'px';

      

    }
});

window.addEventListener('mouseup', function(event) {
    isResizing = false;
});


var box = document.getElementById('dv_toggle_body');
var isResizing = false;
var startX, startY, startWidth, startHeight;

box.addEventListener('touchstart', function(event) {
    if (event.touches.length === 1) {
        isResizing = true;
        var touch = event.touches[0];
        startX = touch.clientX;
        startY = touch.clientY;
        startWidth = parseInt(document.defaultView.getComputedStyle(box).width, 10);
        startHeight = parseInt(document.defaultView.getComputedStyle(box).height, 10);
    }
});

window.addEventListener('touchmove', function(event) {
    if (isResizing && event.touches.length === 1) {
        var touch = event.touches[0];
        var width = startWidth + (touch.clientX - startX);
        var height = startHeight + (touch.clientY - startY);

        $('#input_field').height(height - 130 + 'px');
        $('#dv_toggle').width(width + 'px');
        $('#dv_toggle').height(height + 50 + 'px');
        box.style.width = width + 'px';
        box.style.height = height + 'px';
    }
});

window.addEventListener('touchend', function(event) {
    isResizing = false;
});
}

if($('#dv_toggle1').length) 
{
dragElements(document.getElementById("dv_toggle1"));

function dragElements(elmnt) {
   

  var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  if (document.getElementById("mydivheader1")) {
    /* if present, the header is where you move the DIV from:*/
    document.getElementById("mydivheader1").onmousedown = dragMouseDowns;
  } else {
    /* otherwise, move the DIV from anywhere inside the DIV:*/
    elmnt.onmousedown = dragMouseDowns;
  }

  function dragMouseDowns(e) {
    $('#dv_toggle1').css('position','');
    $('#dv_toggle1').css('bottom','auto');
    // $('#dv_toggle').css('width','580px');
    e = e || window.event;
    e.preventDefault();
    // get the mouse cursor position at startup:
    pos3 = e.clientX;
    pos4 = e.clientY;
    document.onmouseup = closeDragElements;
    // call a function whenever the cursor moves:
    document.onmousemove = elementDrags;

    // var box = document.getElementById('dv_toggle');
    // var rect = box.getBoundingClientRect();
    //     var x = e.clientX - rect.left;
    //     var y = e.clientY - rect.top;

    //     // alert(x);
    //     // alert(rect.width);

    //     // Checking which side of the box was clicked
    //     if (x <= 5) {
    //         // Left side clicked
    //         console.log('Left side clicked');

            

    //     } else if (x >= rect.width) {
    //         // Right side clicked
    //         console.log('Right side clicked');
    //     } else if (y <= 0) {
    //         // Top side clicked
    //         console.log('Top side clicked');
    //     } else if (y >= rect.height) {
    //         // Bottom side clicked
    //         bottomFunction();
    //     }
  }

  function elementDrags(e) {
  
    e = e || window.event;
    e.preventDefault();
    // calculate the new cursor position:
    pos1 = pos3 - e.clientX;
    pos2 = pos4 - e.clientY;
    pos3 = e.clientX;
    pos4 = e.clientY;

    var screenWidth = window.screen.width;
    var screenHeight = window.screen.height;
    // alert(screenWidth);
    

   var dv_toggle_width= parseInt($('#dv_toggle1').width());

  //  alert(elmnt.offsetTop - pos2);
  //  alert(screenHeight);

// var dv_container2= $('.dv_container2').height();
//     var dv_toggle_top=$('#dv_toggle').css('top');
//     if(parseInt(dv_toggle_top)>parseInt(dv_container2))
//     {
//         $('.dv_container2').css('height',dv_container2+dv_toggle_top);
//         // alert($('.dv_container2').height());
//     }

    // if(parseInt(elmnt.offsetTop - pos2)==parseInt(screenHeight)-250)
    // {
    //    $('#dv_toggle').css('position','absolute');
    // }

    // set the element's new position:
    // if(elmnt.offsetTop - pos2>2 && elmnt.offsetTop - pos2<screenHeight-250)
    // alert((elmnt.offsetTop - pos2)+'**'+screenHeight);
    // if(elmnt.offsetTop - pos2<2)
    // {
    //   alert("ans");
    // }
    // alert(elmnt.offsetTop - pos2);
    if(elmnt.offsetTop - pos2>-80 && elmnt.offsetTop - pos2<screenHeight-50)
    
    {
      // alert("rak");
    elmnt.style.top = (elmnt.offsetTop - pos2) + "px";

    // if(parseInt(elmnt.offsetTop - pos2) == screenHeight - 250)
    //     {
    //       $('#dv_toggle').css('position','absolute');
    //     }
    }
    // if(elmnt.offsetLeft - pos1)
    if(elmnt.offsetLeft - pos1>1 && elmnt.offsetLeft - pos1<parseInt(screenWidth)-dv_toggle_width)
    {
    elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
    }

    //     var card = $('#dv_toggle');
    // var startX = e.pageX;
    // var startWidth = card.width();

    // // $(document).on('mousemove', function(e) {
    //   var newWidth = startWidth + (e.pageX - startX);
    //   alert("jjj"+newWidth);
    //   card.width(newWidth);
      
    // });

    // var dv_container2= $('.dv_container2').height();
    // var dv_toggle_top=$('#dv_toggle').css('top');
    // if(parseInt(dv_toggle_top)>parseInt(dv_container2))
    // {
    //     $('.dv_container2').css('height',dv_container2+dv_toggle_top);
    //     // alert($('.dv_container2').height());
    // }
    //    alert(dv_container2);
    

    $(document).on('mouseup', function() {
      $(document).off('mousemove');
      $(document).off('mouseup');
    });


    
  }

  function closeDragElements() {
    /* stop moving when mouse button is released:*/
    document.onmouseup = null;
    document.onmousemove = null;

  }
}
}






document.addEventListener("DOMContentLoaded", function() {
  // alert("ans");
            var canvas = new fabric.Canvas('paintCanvas');
            var canvasHistory = [];
            var redoHistory = [];

            var canvas_s = document.getElementById('paintCanvas');
            var ctx = canvas_s.getContext('2d');

            var isRubberMode = false;
            // Set up touch events for drawing
            canvas.isDrawingMode = true;

            // Customize brush size and color
            canvas.freeDrawingBrush.width = 5;
            canvas.freeDrawingBrush.color = '#000';

            function saveCanvasState() {
                redoHistory = [];
                canvasHistory.push(JSON.stringify(canvas));
            }


             // Add event listeners for undo and redo buttons
             document.getElementById('undoButton').addEventListener('click', function() {
              
                if (canvasHistory.length > 1) { // Ensure there is a state to revert to
                    redoHistory.push(canvasHistory.pop()); 
                    canvas.clear(); // Clear the current canvas
                    canvas.loadFromJSON(canvasHistory[canvasHistory.length - 1], function() {
                        canvas.renderAll();
                        // canvasHistory.pop(); // Remove the current state from history
                    });
                }
            });
            saveCanvasState();

            canvas.on('path:created', saveCanvasState);
            canvas.on('object:modified', saveCanvasState);

            document.getElementById('redoButton').addEventListener('click', function() {
                alert(redoHistory.length );
                if (redoHistory.length > 0) {
                    canvasHistory.push(redoHistory.pop());
                    canvas.clear();
                    canvas.loadFromJSON(canvasHistory[canvasHistory.length - 1], function() {
                        canvas.renderAll();
                    });
                }
            });

            document.getElementById('drawColorPicker').addEventListener('change', function() {
                // var brushSize = document.getElementById('brushSize').value;
    var drawColor = document.getElementById('drawColorPicker').value;
    var size = document.getElementById('brushSize').value;
    canvas.isDrawingMode = true;
    canvas.freeDrawingBrush = new fabric.PencilBrush(canvas);
    canvas.freeDrawingBrush.color = drawColor; // Set drawing color
    canvas.freeDrawingBrush.width = parseInt(size);
});

document.getElementById('brushSize').addEventListener('change', function() {
                // var brushSize = document.getElementById('brushSize').value;
    var size = document.getElementById('brushSize').value;
    var drawColor = document.getElementById('drawColorPicker').value;
    canvas.isDrawingMode = true;
    canvas.freeDrawingBrush = new fabric.PencilBrush(canvas);
    canvas.freeDrawingBrush.width = parseInt(size);
    canvas.freeDrawingBrush.color = drawColor; // Set drawing color
});




// function startDrawing(color) {
   
//     canvas.isDrawingMode = true;
//     canvas.freeDrawingBrush = new fabric.PencilBrush(canvas);
//     canvas.freeDrawingBrush.color = color; // Set drawing color
//     // canvas.freeDrawingBrush.width = parseInt(size); // Set drawing width
// }

            // function addToUndoStack() {
            //     undoStack.push(JSON.stringify(canvas.toJSON()));
            //     redoStack = []; // Clear redo stack when new changes are made
            // }

            // Event listener for any changes to the canvas
            // canvas.on('path:created', saveCanvasState);
            // canvas.on('object:modified', saveCanvasState);

            // Save drawing on button click
            document.getElementById('saveButton').addEventListener('click', function() {
                // var drawingData = canvas.toDataURL(); // Get base64 encoded drawing data
                var drawingData = canvas.toDataURL({ format: 'png', quality: 1.0 }); // Get base64 encoded drawing data
                 alert(drawingData);
// Remove data URL prefix
var base64Data = drawingData.replace(/^data:image\/png;base64,/, '');
alert(base64Data);
                // Send drawing data to server using AJAX
                fetch('/orissa/save_causelist', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}' // Add CSRF token if using Laravel's CSRF protection
                    },
                    body: JSON.stringify({ imageData: base64Data })
                })
                .then(response => {
                    if (response.ok) {
                        alert('Drawing saved successfully!');
                    } else {
                        alert('Failed to save drawing.');
                    }
                })
                .catch(error => {
                    console.error('Error:', error);
                    alert('An error occurred while saving the drawing.');
                });
            });

                    // Toggle rubber mode on button click
                    document.getElementById('rubberButton').addEventListener('click', function() {
               
               isRubberMode = !isRubberMode;
             alert(isRubberMode);
               if (isRubberMode) {
                   canvas.freeDrawingBrush.color = 'rgba(0, 0, 0, 0)'; // Set color to transparent
                   canvas.freeDrawingBrush.globalCompositeOperation = 'destination-out'; // Enable rubber mode
               } else {
                   canvas.freeDrawingBrush.color = '#000'; // Reset color
                   canvas.freeDrawingBrush.globalCompositeOperation = 'source-over'; // Reset composite operation
               }
           });

           document.getElementById('btnPencil').addEventListener('click', function() {
               
             
                //    canvas.freeDrawingBrush.color = '#000'; // Reset color
                var size = document.getElementById('brushSize').value;
    var drawColor = document.getElementById('drawColorPicker').value;
    canvas.isDrawingMode = true;
    canvas.freeDrawingBrush = new fabric.PencilBrush(canvas);
    canvas.freeDrawingBrush.width = parseInt(size);
    canvas.freeDrawingBrush.color = drawColor; 
   

    //             //    canvas.freeDrawingBrush.globalCompositeOperation = 'source-over'; // Reset composite operation
    //                alert("ans");
               
           });



        //    document.getElementById('openButton').addEventListener('click', function() {
        //         // Fetch the saved image file
        //         fetch('/notes/01063000562015/01063000562015178103224374.png')
        //             .then(response => response.blob())
        //             .then(blob => {
        //                 // Create a temporary object URL for the image blob
        //               alert(blob);
        //                 var url = URL.createObjectURL(blob);

        //                 // Load the image onto the canvas
        //                 fabric.Image.fromURL(url, function(img) {
        //                     canvas.add(img);
        //                     // Revoke the object URL to release resources
        //                     URL.revokeObjectURL(url);
        //                     saveCanvasState();
        //                 });
        //             })
        //             .catch(error => {
        //                 console.error('Error:', error);
        //                 alert('An error occurred while opening the image.');
        //             });
        //     });

        document.getElementById('openButton').addEventListener('click', function() {
    // Fetch the PNG file from Laravel route
    
    canvas.clear();
  
    $.ajax({
                url: "/orissa/get_notes",
                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)
                {
                    // canvas.clear();
                    canvas.setWidth(data.canvas_width);
                    canvas.setHeight(data.canvas_height);
            //    alert(data.file_name);
                  if(data.file_name!='') 
                  {
                  fetch(data.file_name)
                  
                    .then(response => response.blob())
                    .then(blob => {
                        // Create a temporary object URL for the image blob
                     // alert(blob);
                        var url = URL.createObjectURL(blob);

                        // Load the image onto the canvas
                        fabric.Image.fromURL(url, function(img) {
                            canvas.add(img);
                            // Revoke the object URL to release resources
                            URL.revokeObjectURL(url);
                            saveCanvasState();
                        });
                    })
                    .catch(error => {
                        console.error('Error:', error);
                        alert('An error occurred while opening the image.');
                    });
                }
                }
            });
    
    // fetch('/paint/get_notes') // Adjust the route according to your Laravel setup
    // .then(response => {
    //                alert(response[0]file_name);
    //                if (response.file_name) {
    //                 fetch(response.file_name)
    //                 .then(response => response.blob())
    //                 .then(blob => {
    //                     // Create a temporary object URL for the image blob
    //                  // alert(blob);
    //                     var url = URL.createObjectURL(blob);

    //                     // Load the image onto the canvas
    //                     fabric.Image.fromURL(url, function(img) {
    //                         canvas.add(img);
    //                         // Revoke the object URL to release resources
    //                         URL.revokeObjectURL(url);
    //                         saveCanvasState();
    //                     });
    //                 })
    //                 .catch(error => {
    //                     console.error('Error:', error);
    //                     alert('An error occurred while opening the image.');
    //                 });
    //                } else {
    //                    alert('Failed to save drawing.');
    //                }
    //            })
    //     .catch(error => {
    //         console.error('Error:', error);
    //         alert('An error occurred while opening the image.');
    //     });
});


        //    document.getElementById('openButton').addEventListener('click', function() {
        //         // Fetch the saved image file
        //         fetch('/paint/get_notes', {
        //             method: 'POST',
        //             headers: {
        //                 'Content-Type': 'application/json',
        //                 'X-CSRF-TOKEN': '{{ csrf_token() }}' // Add CSRF token if using Laravel's CSRF protection
        //             }
                  
        //         })
        //         .then(response => {
                   
        //             if (!response.ok) {
        //                 alert('Failed to save drawing.');
        //             } 
        //             return response.blob();
        //         })
        //             // .then(response => response.blob())
        //             .then(blob => {
        //                 // Create a temporary object URL for the image blob
        //                 var url = URL.createObjectURL(blob);
        //                 alert(url);  
        //                 // Load the image onto the canvas
        //                 fabric.Image.fromURL(url, function(img) {
        //                     canvas.add(img);
        //                     // Revoke the object URL to release resources
        //                     URL.revokeObjectURL(url);
        //                     saveCanvasState();
        //                 });
        //             })
        //             .catch(error => {
        //                 console.error('Error:', error);
        //                 alert('An error occurred while opening the image.');
        //             });
        //     });

            // document.getElementById('openButton').dispatchEvent(new Event('click'));

        //    canvas.on('mouse:down', function(event) {
        //         if (isRubberMode) {
        //             var pointer = canvas.getPointer(event.e);
        //             canvas.context.globalCompositeOperation = 'destination-out';
        //             canvas.renderAll();
        //             canvas.context.globalCompositeOperation = 'source-over';
        //         }


                // Erase content under mouse on mouse click
                canvas.on('mouse:down', function(event) {
                if (isRubberMode) {
                    var pointer = canvas.getPointer(event.e);
                    var objects = canvas.getObjects();

                    // Iterate over objects and remove those under the pointer
                    objects.forEach(function(object) {
                        if (object.containsPoint(pointer)) {
                            canvas.remove(object);
                        }
                    });
                }
            });

            

            // Erase content under touch on touch start
            canvas.on('touchstart', function(event) {
                if (isRubberMode) {
                    var pointer = canvas.getPointer(event.e);
                    var objects = canvas.getObjects();

                    // Iterate over objects and remove those under the pointer
                    objects.forEach(function(object) {
                        if (object.containsPoint(pointer)) {
                            canvas.remove(object);
                        }
                    });
                }
            });
                    
        //    canvas.on('mouse:over', function(event) {
        //         if (isRubberMode) {
                  
        //             canvas.isDrawingMode = true;
        //             canvas.freeDrawingBrush.color = 'rgba(0, 0, 0, 0)'; // Set color to transparent
        //             canvas.freeDrawingBrush.globalCompositeOperation = 'destination-out'; // Enable rubber mode
        //         }
        //     });

        //     canvas.on('mouse:out', function(event) {
        //         if (isRubberMode) {
        //             canvas.isDrawingMode = false;
        //         }
            // });

            var eraseButton = document.getElementById('eraseButton');
    eraseButton.addEventListener('click', function () {
        canvas.isDrawingMode = true;
        canvas.freeDrawingBrush = new fabric.PencilBrush(canvas);
        canvas.freeDrawingBrush.color = "#FFFFFF"; // Set eraser color
        canvas.freeDrawingBrush.width = 20; // Set eraser width
    });


    canvas.on('path:created', function (e) {
        var path = e.path;
        var bottomPosition = path.getBoundingRect().top + path.getBoundingRect().height;
        var canvasHeight = canvas.getHeight();
        if (bottomPosition > canvasHeight) {
            canvas.setHeight(bottomPosition + 50); // Adjust canvas height
            canvas.renderAll();
        }
    });

    
    canvas.on('mouse:up', function () {
        // canvas.on('touch:gesture:drag:end', function () { 
            // alert("ans");
        // stopDrawingAndSave(); // Stop drawing mode and save canvas
        saveDrawing();
        // document.getElementById('saveButton').dispatchEvent(new Event('click'));
    });

    // canvas.on('touch:gesture:end', function () {
    //     stopDrawingAndSave(); // Stop drawing mode and save canvas
    // });

    function stopDrawingAndSave() {
    //canvas.isDrawingMode = false;
      //  saveDrawing();
    }

    function saveDrawing() {
        canvas.renderAll();

        // var canvas = new fabric.Canvas('paintCanvas');
 // var drawingData = canvas.toDataURL(); // Get base64 encoded drawing data
 setTimeout(function() {
 var drawingData = canvas.toDataURL({ format: 'png', quality: 1.0 }); // Get base64 encoded drawing data
                //  alert(drawingData);
// Remove data URL prefix
var base64Data = drawingData.replace(/^data:image\/png;base64,/, '');
// alert(base64Data);
                // Send drawing data to server using AJAX
var canvas_width=$('#paintCanvas').width();
var canvas_height=$('#paintCanvas').height();

// alert(canvas_width);
// alert(canvas_height);
              
                fetch('/orissa/save_causelist', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}' // Add CSRF token if using Laravel's CSRF protection
                    },
                    body: JSON.stringify({ 
                        imageData: base64Data,
                        canvas_width:canvas_width,
                        canvas_height:canvas_height
                    })
                })
                .then(response => {
                   
                    if (response.ok) {
                        // alert('Drawing saved successfully!');
                        // document.getElementById('openButton').dispatchEvent(new Event('click'));
                    } else {
                        alert('Failed to save drawing.');
                    }
                })
                .catch(error => {
                    console.error('Error:', error);
                    alert('An error occurred while saving the drawing.');
                });
            }, 100);
    }
    // canvas_s.addEventListener('mousemove', draw);

    // function draw(event)
    // {
         
    //     const color = document.getElementById('color').value;
    //     context.strokeStyle = color;
    // }

//     var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
// var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
//   return new bootstrap.Tooltip(tooltipTriggerEl)
// })
        });


</script>

@endpush