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

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


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

<!-- required files -->
<link href="/assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" />
<script src="/assets/plugins/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="/assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="/assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js"></script>
<script src="assets/pspdfkit.js"></script>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/4.5.0/fabric.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>
<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;
}

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

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

    #tb_documents tbody tr td:hover {  
    color: #28a745; /* Default color on hover */
}

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

  
</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.addEventListener("DOMContentLoaded", function() {
            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 = 2;
            canvas.freeDrawingBrush.color = '#000';

            function saveCanvasState() {
               // alert(JSON.stringify(canvas));
                redoHistory = [];
                canvasHistory.push(JSON.stringify(canvas));
               // alert(canvasHistory.length);
            //    document.getElementById('saveButton').dispatchEvent(new Event('click'));
            }

          
             // Add event listeners for undo and redo buttons
             document.getElementById('undoButton').addEventListener('click', function() {
            // alert(canvasHistory.length);
                if (canvasHistory.length > 2) { // 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();
                }
            });
            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();
                    });
                   // saveCanvasState();
                }
            });

            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,/, '');
var canvas_width=$('#paintCanvas').width()+2;
var canvas_height=$('#paintCanvas').height()+2;
// alert(base64Data);
                // Send drawing data to server using AJAX
                fetch('/paint/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!');
                    } 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
    canvasHistory = [JSON.stringify(canvas)];
    redoHistory = [];
    canvas.clear();
  
    $.ajax({
                url: "/paint/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)
                {
                    // alert(data.canvas_width);
                    canvas.setWidth(data.canvas_width);
                    canvas.setHeight(data.canvas_height);
            //    alert(data.canvas_height);
                  if(data.file_name!='') 
                  {
                  fetch(data.file_name+ '?nocache=' + Date.now())
                  
                    .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();
        // alert(bottomPosition+'**'+canvasHeight);
        // if (bottomPosition > canvasHeight) {
            if (bottomPosition > (canvasHeight-50)) {
            // canvas.setHeight(bottomPosition + 50); // Adjust canvas height
            canvas.setHeight(bottomPosition + 100); // Adjust canvas height
            canvas.renderAll();
        }
    //      alert(bottomPosition+'**'+canvasHeight);
        if (bottomPosition > canvasHeight) {
            var chatDiv = document.getElementById("canvasContainer");
    chatDiv.scrollTop = chatDiv.scrollHeight;
    // alert(chatDiv.scrollTop); 
        }
    });

    
    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'));
        var pointer = canvas.getPointer(event.e);
    // startPoint = { x: pointer.x, y: pointer.y };
    // alert(pointer.x);
    // alert(pointer.y);
    var chatDiv = document.getElementById("canvasContainer");
    chatDiv.scrollTop = pointer.y-150;
    });

    // 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()+2;
var canvas_height=$('#paintCanvas').height()+2;
// alert("ans"+canvas_width);
// alert(canvas_height);
// alert(canvas_width);
// alert(canvas_height);
              
                fetch('/paint/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);
    }

    document.getElementById('canvasWidth').addEventListener('change', function() {
            // canvas.width = this.value;
            // alert(canvas.width);
            canvas.setWidth(this.value); 
            canvas.renderAll();
        });
        document.getElementById('canvasHeight').addEventListener('change', function() {
           
            canvas.setHeight(this.value); 
            canvas.renderAll();
        });
    // 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)
// })
        });

 $(document).ready(function(){
	$(".datepicker-autoClose").datepicker({
        todayHighlight: true,
        autoclose: true
      });
	  
	  $(document).on('click','#nextButton,#previousButton,#btn_go',function(event,fil_no_conn, sr_no){
	//$(document).on('click','#nextButton',function(){
        $('#pspdfkit').html('');
        $('#dv_officereport').html('');
        $('#dv_officereport').removeClass('d-none'); 
       $('#pspdfkit').addClass('d-none'); 
   var clicked_button=$(this).attr('id');
   //alert(clicked_button);
   if (typeof sr_no !== 'undefined') {
    //alert("ans");
        $('#txt_clno').val(sr_no)
   }
    var txt_clno=$('#txt_clno').val();
   // alert(txt_clno);
   var lst_judge=$("#lst_judge").val();
        var datepicker=$("#datepicker").val();
        var sdbench=$("input[name='sdbench']:checked").val();
        var mf=$("input[name='mf']:checked").val();
        var ddl_sw=$('#ddl_sw').val();
      
        $('#sp_txtsearch_e').text('');
   $.ajax({
            url: "/ecauselist/next_causelistno",
            type: 'POST',
            cache: false,
            async: true,
        //     beforeSend:function(){
        //       $('#c_results').html("<div class='text-center'><div class='spinner-border'></div></div>");
        //   },
            data: { txt_clno: txt_clno, lst_judge: lst_judge,datepicker:datepicker,sdbench:sdbench,mf:mf,clicked_button:clicked_button,ddl_sw:ddl_sw},
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function (data, status) {
                if (data.message == 'Validate') {
                var json_error = data.errors;
                  $('#sp_txtsearch_e').text(json_error.txt_clno);
                    }
                else if(data.message == 'Validatelogic')
                {
                    var json_error = data.errors;
                    $('#sp_txtsearch_e').text(json_error);
                    $('#dv_view').addClass('d-none');
                    $('#cl_casedetails').html('');
                }
                    else
                    {
						$('.cl_view').each(function(){
              
                    $(this).removeClass('active');
                
             });
             $('.cl_part').each(function(){
                $(this).removeClass('active');
             });

             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(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_drawing',function(){
    $('.cl_drawing').each(function(){
        $(this).removeClass('text-success');
        $(this).addClass('text-primary');
    });
    $(this).addClass('text-success');
    $(this).removeClass('text-primary');
 })

 $(document).on('change','#ddl_documents',function(){
    var str=$('#ddl_documents option:selected').data('url');

    var id=$('#ddl_documents option:selected').data('id');
    // alert(id);
    var table_id=$('#ddl_documents option:selected').data('from_table');
    // alert(table_id);
    var id_val='ddl_documents';
    var tddocname=$('#ddl_documents option:selected').html().trim();
    var clicked_val="ddl_documents";

    $('#pspdfkit').html('');
        $('#dv_officereport').html('');
      $('#dv_officereport').addClass('d-none'); 
      $('#pspdfkit').removeClass('d-none');  
      var datepicker= $('#datepicker').val();

      $('#p1').removeClass('d-none');
        document.getElementById('pl').innerHTML =
        "<div class='text-center'><div class='spinner-border'></div></div>";
        $('#dv_fillscreen').addClass('d-none'); 
        $('#pspdfkit').html('');

        $.ajax({
                url: "/ecauselist/check_annotations",
                type: 'POST',
                cache: false,
                async: false,
                data: {id: id,table_id:table_id},
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function (data1, status)
                {
                   
                    if(data1==0)
                    {
                        
                  


        $.ajax({
        url: "/ecauselist/getpdfcontents",
        type: 'POST',
        // beforeSend: function () {
        //     $("#dv_bn").html("<div class='text-center'><div class='spinner-border'></div></div>");
        // },
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        cache: false,
        async: true,
        data: { str: str,id:id,table_id:table_id,datepicker:datepicker,tddocname:tddocname,clicked_val:clicked_val },
        success: function (data, status) {
            document.getElementById('openButton').dispatchEvent(new Event('click'));

            document.getElementById('pl').innerHTML='';
            $('#p1').addClass('d-none');
            
            PSPDFKit.unload('#pspdfkit');
        //alert("ans");
       

        @if(session()->get('sn_judge_adv')=='1')
         
        var toolbarItems = PSPDFKit.defaultToolbarItems;
// Add the `layout-config` toolbar item after the `pager` item.
var pagerIndex = toolbarItems.findIndex(function(item) {
  return item.type == "pager";
});
toolbarItems.splice(pagerIndex + 1, 0, { type: "layout-config" });
// toolbarItems.push({ type: 'comment' });
// toolbarItems.filter((item) => item.type !== 'note');

PSPDFKit.load({
        container: "#pspdfkit",
        document: 'data:application/pdf;base64,'+data,
    //    licenseKey: 'n_NXgQlTbMn3IIrxbAf2i6BU8vIETK9SBn7yYdiCbnLfHhwWfdH-BZziZkgLhn_FS7lHdDN7XfKF2ToYX7AojWXlh3DCUhAfm8S4GoHLYrz_9c1FSfdP862ND1vcB25uV5LXBRSLsLCnih12zYQtzWNE2tjVCG80hr6Y82QsAHtVHwtVghBUbVAAkxIMokWywC3oLcqPUvzQWzhbzgUj-dcRqM3uyf_0lXm5c41M4FoXUNxUvrTDMklFD1UGP85yOj8aS8MIjMT2w-b0vsBHnBujqq8Y-nOCm5tzGFxqGoxw9y3xcYrFOETM0qM0q_vSyG8vrngK-db1ySu8NHcgaLqMB8jIiY8av30cAXhAx1fld-Iujz2eDHigGIbmQszIziXn6f3Dzdd0bwkk4UQf9zODVTkDm6_Qo-QkfDXTh2WjZ28qQsAr2qyClv7JkWxWAewh3WzevbQl2ebKof74NpUT4RJ_gI9XtOXhD1wNEtqSB-PF2DEwYUgd5vPwgfsnQ7k2gXs1_VPZZvWVOMnt4QNnC8QnY53ku8qV_fV5vYfCq7cEPGY6nr32ccxleMalCQpFXQDcoRbnA2rNWRqeU7S9iG0qXLkgOs70JzaNoNY=',
        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("sidebarPlacement", PSPDFKit.SidebarPlacement.END)
));

instance.addEventListener("viewState.currentPageIndex.change", function ()
      {
        
        // const currentPageIndex = instance.viewState.currentPageIndex;
         const currentPageIndex = instance.viewState.get("currentPageIndex");
         save_current_page(id,table_id,datepicker,currentPageIndex,id_val);
//alert("Current page index:"+ currentPageIndex);
       
      });

if (typeof current_page !== 'undefined') {
const newState = instance.viewState.set("currentPageIndex", current_page); 
instance.setViewState(newState); 
}

        $('#dv_fillscreen').removeClass('d-none'); 
      // Attach event listener to Save Annotation button
      var saveButton = document.getElementById("saveAnnotationButton");
      saveButton.addEventListener("click", function () {
      // alert("test");
       // saveAnnotations(instance,id,table_id);
      });

    //   var loadButton = document.getElementById("loadAnnotationButton");
    //   loadButton.addEventListener("click", function () {
    //     loadAnnotations(instance);
    //     // loadMultipleAnnotations(instance);
    //   });

      instance.addEventListener("annotations.create", function ()
      {
        
          saveAnnotations(instance,id,table_id);
       
      });
      instance.addEventListener("annotations.update", function ()
      {
        
          saveAnnotations(instance,id,table_id);
       
      });
      instance.addEventListener("annotations.delete", function ()
      {
        
          saveAnnotations(instance,id,table_id);
       
      });
      instance.addEventListener("annotations.paste", function ()
      {
        
          saveAnnotations(instance,id,table_id);
       
      });

      instance.addEventListener("bookmarks.create", function ()
      {
        
          saveAnnotations(instance,id,table_id);
       
      });

      instance.addEventListener("bookmarks.update", function ()
      {
        
          saveAnnotations(instance,id,table_id);
       
      });

      instance.addEventListener("bookmarks.delete", function ()
      {
        
          saveAnnotations(instance,id,table_id);
       
      });

      if (typeof c_val !== 'undefined') {
    $('#myModal1').css('display','none');
}
});

@else 

PSPDFKit.load({
        container: "#pspdfkit",
        document: 'data:application/pdf;base64,'+data,
        // licenseKey: 'n_NXgQlTbMn3IIrxbAf2i6BU8vIETK9SBn7yYdiCbnLfHhwWfdH-BZziZkgLhn_FS7lHdDN7XfKF2ToYX7AojWXlh3DCUhAfm8S4GoHLYrz_9c1FSfdP862ND1vcB25uV5LXBRSLsLCnih12zYQtzWNE2tjVCG80hr6Y82QsAHtVHwtVghBUbVAAkxIMokWywC3oLcqPUvzQWzhbzgUj-dcRqM3uyf_0lXm5c41M4FoXUNxUvrTDMklFD1UGP85yOj8aS8MIjMT2w-b0vsBHnBujqq8Y-nOCm5tzGFxqGoxw9y3xcYrFOETM0qM0q_vSyG8vrngK-db1ySu8NHcgaLqMB8jIiY8av30cAXhAx1fld-Iujz2eDHigGIbmQszIziXn6f3Dzdd0bwkk4UQf9zODVTkDm6_Qo-QkfDXTh2WjZ28qQsAr2qyClv7JkWxWAewh3WzevbQl2ebKof74NpUT4RJ_gI9XtOXhD1wNEtqSB-PF2DEwYUgd5vPwgfsnQ7k2gXs1_VPZZvWVOMnt4QNnC8QnY53ku8qV_fV5vYfCq7cEPGY6nr32ccxleMalCQpFXQDcoRbnA2rNWRqeU7S9iG0qXLkgOs70JzaNoNY=',
        instantJSON: null,
    
      }).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); 
}

        $('#dv_fillscreen').removeClass('d-none'); 
     
    if (typeof c_val !== 'undefined') {
    $('#myModal1').css('display','none');
}
});

           @endif
          // alert(idd[0]);
        //   if(idd[0]!='sphis') 
        //   {
           // alert("test");
           get_open_document(datepicker); 
        //   }
            
        }, error: function (xhr) {
            alert("Error:" + xhr.text + ' ' + xhr.status);
        }
    });
}
else 
{
    $.ajax({
        url: "/ecauselist/getpdfcontents",
        type: 'POST',
        // beforeSend: function () {
        //     $("#dv_bn").html("<div class='text-center'><div class='spinner-border'></div></div>");
        // },
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        cache: false,
        async: true,
        data: { str: str,id:id,table_id:table_id,datepicker:datepicker,tddocname:tddocname,clicked_val:clicked_val },
        success: function (data, status) {
            document.getElementById('openButton').dispatchEvent(new Event('click'));
            
            PSPDFKit.unload('#pspdfkit');
        //alert("ans");
        document.getElementById('pl').innerHTML='';
            $('#p1').addClass('d-none');
        var toolbarItems = PSPDFKit.defaultToolbarItems;
// Add the `layout-config` toolbar item after the `pager` item.
var pagerIndex = toolbarItems.findIndex(function(item) {
  return item.type == "pager";
});
toolbarItems.splice(pagerIndex + 1, 0, { type: "layout-config" });
// toolbarItems.push({ type: 'comment' });
// toolbarItems.filter((item) => item.type !== 'note');

const extraData = {
            id_erp: id,
            table_id: table_id,
}; 

fetch("/ecauselist/get_annotations", {
          method: "POST",
          headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
        "Content-Type": "application/json"
    },
  
          body: JSON.stringify(extraData)
        })

        // fetch("http://demo.aierp.in/saved_annotations.json")
        .then(function (response) {
         
            return response.json();
        })

       
    //     .then(function (datas) {
    // const instantJSON = {
    //   format: "https://pspdfkit.com/instant-json/v1",
    //     // annotations: Array.isArray(annotations) ? annotations : [],
    //     annotations: Array.isArray(datas.annotations) ? datas.annotations : [],
    // };
        .then(function (instantJSON) {


            
          PSPDFKit.unload('#pspdfkit');
          PSPDFKit.load({
            
        container: "#pspdfkit",
        document: 'data:application/pdf;base64,'+data,
        // licenseKey: 'n_NXgQlTbMn3IIrxbAf2i6BU8vIETK9SBn7yYdiCbnLfHhwWfdH-BZziZkgLhn_FS7lHdDN7XfKF2ToYX7AojWXlh3DCUhAfm8S4GoHLYrz_9c1FSfdP862ND1vcB25uV5LXBRSLsLCnih12zYQtzWNE2tjVCG80hr6Y82QsAHtVHwtVghBUbVAAkxIMokWywC3oLcqPUvzQWzhbzgUj-dcRqM3uyf_0lXm5c41M4FoXUNxUvrTDMklFD1UGP85yOj8aS8MIjMT2w-b0vsBHnBujqq8Y-nOCm5tzGFxqGoxw9y3xcYrFOETM0qM0q_vSyG8vrngK-db1ySu8NHcgaLqMB8jIiY8av30cAXhAx1fld-Iujz2eDHigGIbmQszIziXn6f3Dzdd0bwkk4UQf9zODVTkDm6_Qo-QkfDXTh2WjZ28qQsAr2qyClv7JkWxWAewh3WzevbQl2ebKof74NpUT4RJ_gI9XtOXhD1wNEtqSB-PF2DEwYUgd5vPwgfsnQ7k2gXs1_VPZZvWVOMnt4QNnC8QnY53ku8qV_fV5vYfCq7cEPGY6nr32ccxleMalCQpFXQDcoRbnA2rNWRqeU7S9iG0qXLkgOs70JzaNoNY=',
        instantJSON: instantJSON,
        toolbarItems: toolbarItems,
        initialViewState: new PSPDFKit.ViewState({
    // sidebarMode: PSPDFKit.SidebarMode.ANNOTATIONS,
  
    // sidebarMode: PSPDFKit.SidebarMode.BOOKMARKS,
   
  }),
  
  
        // instantJSON: "saved_annotations.json"
        // autoSaveMode: PSPDFKit.AutoSaveMode.DISABLED
        // licenseKey: "YOUR_LICENSE_KEY",
      }).then(function (instance) {
        instance.setViewState(viewState => (
  viewState.set("sidebarPlacement", PSPDFKit.SidebarPlacement.END)
)); 
//const newState = instance.viewState.set("currentPageIndex", 1);

//instance.setViewState(newState); 

        $('#dv_fillscreen').removeClass('d-none'); 
      // Attach event listener to Save Annotation button
      var saveButton = document.getElementById("saveAnnotationButton");
      saveButton.addEventListener("click", function () {
       // saveAnnotations(instance,id,table_id);
      });

    //   var loadButton = document.getElementById("loadAnnotationButton");
    //   loadButton.addEventListener("click", function () {
    //     // loadAnnotations(instance);
    //     // loadMultipleAnnotations(instance);
    //   });

      instance.addEventListener("annotations.create", function ()
      {
        
          saveAnnotations(instance,id,table_id);
       
      });
      instance.addEventListener("annotations.update", function ()
      {
        
          saveAnnotations(instance,id,table_id);
       
      });
      instance.addEventListener("annotations.delete", function ()
      {
        
          saveAnnotations(instance,id,table_id);
       
      });

      instance.addEventListener("annotations.paste", function ()
      {
        
          saveAnnotations(instance,id,table_id);
       
      });

      instance.addEventListener("bookmarks.create", function ()
      {
        
          saveAnnotations(instance,id,table_id);
       
      });

      instance.addEventListener("bookmarks.update", function ()
      {
        
          saveAnnotations(instance,id,table_id);
       
      });

      instance.addEventListener("bookmarks.delete", function ()
      {
        
          saveAnnotations(instance,id,table_id);
       
      });
    });
    if (typeof c_val !== 'undefined') {
    $('#myModal1').css('display','none');
}
// if(idd[0]!='sphis')
           get_open_document(datepicker);
        })
        .catch(function (error) {
          console.error("Error loading annotations:", error);
        });
       
            
        }, error: function (xhr) {
            alert("Error:" + xhr.text + ' ' + xhr.status);
        }
    });
}
//alert("ans"); 



                },
                error: function (xhr) {
                    alert("Error:" + xhr.status + ' ' + xhr.statusText);
                }
            });


 })

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

 });

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

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

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

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

            <div class="row">
        <div class="col-sm-12">
        <div class="card mb-0 dv_container2"> 
    <div class="card-header card-bg-color ">
    <!--Honble Cause List -->
  <div class="row">
     <div class="col-sm-6" >
						<b id='cl_casedetails'></b>		  
				</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">   
                                            <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>View 1
                                    </div>
                                    <div class="form-check form-check-inline 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>View 2
                                    </div>

                                    <div class="form-check form-check-inline">          
                                            <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>View 2
                                    </div>
                                    <!-- <div class="form-check form-check-inline">  
                                            <input type="radio" name="rdn_view" id="sdbench" value="3" class="form-check-input">FB                                            
                                    </div> -->
                </div>
                </div>
               				
									 <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" style="--bs-card-border-width: 0px;">
		<div class="collapse show multi-collapse" id="multiCollapseExample2">
    <div class="card-header  text-dark" s>
       
        <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>CauseList Date</b></label>
                                <div class="col-sm-2 mb-0 mt-1">
								
                                  <!--   <label class="control-label" for="Year"><b>Cause List Date</b></label>
                                   <input class="form-control dtp" type='text' name='datepicker' id='datepicker' maxlength='10' autocomplete="on" value='{{ date('d-m-Y') }}'/> -->
                                <div class="input-group date datepicker-autoClose"  data-date-format="dd-mm-yyyy" >

<input type="text" name="datepicker" id="datepicker" class="form-control form-control-sm form-control-sm dtp" placeholder="Date" value="{{ date('d-m-Y') }}">
<span class="input-group-text input-group-addon"><i class="fa fa-calendar"></i></span>
<small id="sp_datepicker_err" class="text-danger"></small>
</div>    
								</div>
                                <div class="col-sm-2 mt-2" >
                                
                                    <div class="form-check form-check-inline">   
                                            <input type="radio" name="sdbench" id="sdbench" value="1" class="form-check-input cl_bench">SB
                                    </div>
                                    <div class="form-check form-check-inline">          
                                            <input type="radio" name="sdbench" id="sdbench" value="2" class="form-check-input cl_bench">DB
                                    </div>
                                    <div class="form-check form-check-inline">  
                                            <input type="radio" name="sdbench" id="sdbench" value="3" class="form-check-input cl_bench">FB                                            
                                    </div>
                                    <small id="sp_bench_err" class="text-danger d-block"></small>
                                </div>
                                <div class="col-sm-3 mt-2" >
                                
                                <div class="form-check form-check-inline">   
                                <input type="radio" name="mf" id="mf" value="1" checked class="form-check-input">Motion
                                </div>
                                <div class="form-check form-check-inline">          
                                <input type="radio" name="mf" id="mf" value="2"  class="form-check-input">Final
                                </div>
                                <div class="form-check form-check-inline">  
                                <input type="radio" name="mf" id="mf" value="5" class="form-check-input">Lok Adalat                                    
                                </div>
                                <small id="sp_mf_err" class="text-danger"></small>
                            </div>
							
                            <label for="ddl_sw" class="col-sm-1 col-form-label cl_sitting_with d-none"><b>Sitting with</b></label>
                                <div class="col-sm-2 mt-1 cl_sitting_with d-none" >
                                     <select name="ddl_sw" id="ddl_sw" class="form-select form-select-sm">

                                     </select>
                                     <small id="ddl_sw_err" class="text-danger"></small>
                                </div>

                                <div class="col-sm-1 mt-1">
                                   <!-- <label class="control-label" for="Search"></label><br /> -->
                                    <button type="button" class="btn btn-primary btn-sm" id='btn_data'>Submit</button>
                                   
                                </div>
                                <div 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"> -->
    <div class="card-body" style="padding: 0rem 0.9375rem 0.0rem 0.9375rem">
    
                    <div class="row">
                        <div class="col-xl-12 mb-0" id="result"> 
                            
                        </div>
              <!--  </div> -->

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


        </div>
    </div>

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

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

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

           
            
          

            

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

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

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

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

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

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

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

                            <!-- <div style="height:inherit;width: auto;overflow: hidden;word-wrap: break-word;" id="ggg">
                           <object data="./uploads/1555-03022023011918.pdf"  width="800" height="700" type="application/pdf">  </object> 
                      
                        </div> -->
                        <!-- <div id="pspdfkit"  style="height: 100vh;"></div> -->
                        <div id="pspdfkit" class="dv_container1 d-none" ></div>
                        <div id="dv_officereport" class="dv_container1 d-none" ></div>
                        <!-- <button id="saveAnnotationButton">Save Annotation</button>
        <button id="loadAnnotationButton">Load Annotation</button> -->
      
      


    </div>

    <div class="col-sm-3 mb-8"> 
    <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='Undo'><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;width:35px" title="Select Color">
        <input type="number" id="brushSize" min="1" max="50" value="2" style="height:18px;width:40px" title="Brush Size" class='cl_drawing'>
        <input type="number" id="canvasWidth" min="100" max="2000" value="300" title="Width" style="height:18px;width:47px">
        <input type="number" id="canvasHeight" min="100" max="3000" value="2000" title="Height" style="height:18px;width:53px">
        <div id="canvasContainer" style="background-color:white;" class='dv_container4 mt-10'>
<!-- <canvas id="paintCanvas" style="width:100%"  class='dv_container4'></canvas> -->
<canvas id="paintCanvas" width='300' height='2000'></canvas>   
</div>

    
</div>
   

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

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

       
    </div> -->

    <!--<div class="card mb-3">
            <div class="card-header card-bg-color ">Causelist</div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-xl-12 mb-3" id="result">
                            
                        </div>
                    </div>        
                </div>
            </div>
        </div>-->
@endsection
@push('scripts')
<script>
var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content'); 
    $("#btn_data").click(function(){
//         var canvas = new fabric.Canvas('paintCanvas');
// 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==1 || selected_view==2)
{
$('.cl_index_view').removeClass('d-none');
$('.cl_pspdfkit').addClass('col-sm-6');
$('.cl_pspdfkit').removeClass('col-sm-9');
        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);
           $('#btn_go').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);
            }
           }
         }); 
        }
        else 
        {
            $('#btn_data_new').trigger('click');
        }

    });

    $("#btn_data_new").click(function(){
//         var canvas = new fabric.Canvas('paintCanvas');
// document.getElementById('openButton').dispatchEvent(new Event('click'));
        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);
      $.ajax({
            url: "/ecauselist/getview",
            type: 'POST',
            cache: false,
            async: true,
			 beforeSend:function(){
              $(get_val).html("<div class='text-center'><div class='spinner-border'></div></div>"); 
          },
            data: { get_val: get_val},
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function (data, status) {
            // alert(get_val);
                $(get_val).html(data);
                $(get_val).addClass('active');
               $('.cl_view').each(function(){
                // alert($(this).attr('href')+'**'+get_val) ;
                if($(this).attr('href')!=get_val)
                 {
                   var href_hide= $(this).attr('href');
                    $(href_hide).html('');
                 }
                });

               



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

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

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

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

        var get_href='';
        $('.cl_part').each(function(){
            if($(this).hasClass('active'))
            {
                get_href= $(this).attr('href');
            }
            else 
            {
               var href_val= $(this).attr('href');
               $(href_val).html('');
            }
        });
       var get_val=$(this).attr('data-id');
       //alert(get_val);
	   
	   var str_val='';      
	  if($('#chk_ia_display').is(':checked'))
       {
		   str_val='2';
	   }
	   else 
	   {
		   str_val='1';
	   }
	//    alert(str_val);
    //    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);
           
            },
            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_close1',function(){

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

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

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

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

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

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

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

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

  $(document).on('click','#btn_officereport',function(){
    var lst_allcases=$('#lst_allcases').val();
    $('#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('');
                    }
                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('');
                $('#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=',
        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',function(){
      var id_val=$(this).val();
    //   alert(id_val);
    $("#ddl_sw").html('');
    if(id_val==2 || id_val==3) 
    {
        $('#ddl_sw').val();
        if(id_val==3) 
        {
            $('#ddl_sw').addClass('multiple-select2');
            $('#ddl_sw').attr('multiple','multiple');
            $(".multiple-select2").select2();
           
        }
        else 
        {
            $('#ddl_sw').removeClass('multiple-select2');
            $('#ddl_sw').removeAttr('multiple');
            $('#ddl_sw').removeClass('select2-hidden-accessible');
            $('#ddl_sw').removeAttr('data-select2-id');
            $('.select2-container').remove();
            
            
        }
        $('.cl_sitting_with').removeClass('d-none');
        var lst_judge=$("#lst_judge").val();
        var datepicker=$("#datepicker").val();
        var sdbench=$("input[name='sdbench']:checked").val();
        var mf=$("input[name='mf']:checked").val();

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

        $('#sp_datepicker_err').text('');
        $('#sp_bench_err').text('');
        $('#sp_mf_err').text('');
    $.ajax({
            url: "/ecauselist/get_sitting_with",
            type: 'POST',
            cache: false,
            async: true,
            data: { lst_judge: lst_judge,datepicker:datepicker,sdbench:sdbench,mf:mf,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(',');
   var fil_no=$(this).data('fil_no');
   var brdslno=$(this).data('brdslno');
    $('#btn_go_new').trigger('click', [fil_no, brdslno]);
})

$(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_reference_added',function(){ 
//     alert("ans");
//     $('#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_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','.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_pdf_show',function(){
  var idd=$(this).data('id');

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

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

 })






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

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

        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_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-6');
                $('.cl_pspdfkit').addClass('col-sm-9');

            },
            error: function (xhr) {

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



       
</script>
@endpush