@if(count((array)$o_array)>0)
<style>
    .table-row {
        cursor: pointer;
    }
    .dv_getdetails
    {
        cursor: pointer;
    }
.cl_pages
{
    cursor: pointer;
}
.cl_opende_docs
{
    cursor: pointer;
    border-right: 1px solid #8070d4;
}
    
     .dataTables_info { display: none; }
     .dataTables_filter {
text-align: left !important;
position: relative;
top: 1px;
max-width: 90px;
}

#data-table-default_paginate {
text-align: left !important;
position: relative;
top: -30px;
/* max-width: 90px; */
}
    .project-tab {
    padding: 10%;
    margin-top: -8%;
}
.project-tab #tabs{
    background: #007b5e;
    color: #eee;
}
.project-tab #tabs h6.section-title{
    color: #eee;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #0062cc;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
    font-size: 16px;
    font-weight: bold;
}
.project-tab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #0062cc;
    font-size: 16px;
    font-weight: 600;
}
.project-tab .nav-link:hover {
    border: none;
}
.project-tab thead{
    background: #f3f3f3;
    color: #333;
}
.project-tab a{
    text-decoration: none;
    color: #333;
    font-weight: 600;
}
#data-table-default-conn tr:first-child td:first-child {
   color:blue;
   font-weight:bold;
}
#myModal {
  display: none;
  position: absolute;
  z-index: 9;
  opacity: 3;
  background-color: white;
  width: 100%;
  left:0;
  /* height: 100%; */
  height:calc(100vh - 260px);
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

#myModal1 {
  display: none;
  position: absolute;
  z-index: 8;
  opacity: 2;
  background-color: white;
  width: 25%;
  left:0;
  /* height: 100%; */
  height:calc(100vh - 460px);
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}





</style>


<div class="row" style="position: relative;">
<!-- <div class="col-sm-3  offset-sm-4 mt-2">
<input type="text" id="txt_clno" name="txt_clno" class="form-control" >


</div> -->
<label for="txt_caseno" class="col-sm-1 col-form-label offset-sm-0"><b>Causelist No.</b></label>
@php
$o_array=(array) $o_array;

$sel_caseno= $o_array[0]->case_no; @endphp

<div class="col-sm-1 text-end">
<button id="previousButton" class="rounded-circle bg-transparent border-0 p-0 text-primary me-2  mt-2" title="Previous">
    <i class="fa fa-chevron-left fa-2xl"></i> <h6 class="d-inline">Previous</h6></button>
</div>
<div class="col-sm-2">
    
   
   <div class="input-group">
  <input type="text" name="txt_clno" id="txt_clno" class="form-control form-control-sm form-control-sm cl_txt_clno" placeholder="Causelist No." value="{{ $o_array[0]->brd_slno }}">
  <button id="btn_go" class="btn btn-outline-secondary btn-sm" type="button " id="button-addon2">Go</button>
</div>

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




<div class="col-sm-1">
<button id="nextButton" class="rounded-circle bg-transparent border-0 p-0 text-primary me-2  mt-2" title="Next"><h6 class="d-inline">Next </h6><i class="fa fa-chevron-right fa-2xl"></i></button>
</div>
<!-- <div class="col-sm-2">Main/Connected Cases</div> -->
<label for="txt_caseno" class="col-sm-2 col-form-label"><b>Main/Connected Cases</b></label>
<div class="col-sm-2">
<select class="form-select form-select-sm" name="lst_allcases" id="lst_allcases">
    <option value="">{{ $o_array[0]->case_no }}</option>
   

</select>
   
   
</div>
<div class="col-sm-1" style="position: relative;">
<button id="btn_list" class="rounded-circle bg-transparent border-0 p-0 text-primary me-2  mt-2" title="Causelist">
<i class="fas fa-2xl fa-fw me-10px fa-list"></i>
</button>
</div>

<div class="col-sm-2" style="position: relative;">
<button id="btn_officereport" class="rounded-circle bg-transparent border-0 p-0 text-primary me-2  mt-2" title="Office Report">
Office Report<i class="fas fa-2xl fa-fw me-10px fa-file"></i>
</button>
</div>

<div class="col-sm-12 mt-2">
	      <u><h5 id='cl_casedetails' class='text-center text-primary' style="margin-bottom: 0.00001rem"></h5></u>
	 </div> 
</div> 

<div class="row" >
<div class="col-sm-12  mt-2">
<div  id="myModal" class="fade">
<div class="modal-dialog modal-xl" style="margin: 0;max-width:100%">
    <div class="modal-content">

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

      <!-- Modal body -->
      <div class="modal-body" style="padding: 0.2375rem;">