@extends('layouts.default')

@push('scripts')
<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" />

<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/plugins/datatables.net-colreorder/js/dataTables.colReorder.min.js"></script>
<script src="/assets/plugins/datatables.net-colreorder-bs5/js/colReorder.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
<script src="/assets/plugins/datatables.net-keytable-bs5/js/keyTable.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-rowreorder/js/dataTables.rowReorder.min.js"></script>
<script src="/assets/plugins/datatables.net-rowreorder-bs5/js/rowReorder.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-select/js/dataTables.select.min.js"></script>
<script src="/assets/plugins/datatables.net-select-bs5/js/select.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
<script src="/assets/plugins/datatables.net-buttons-bs5/js/buttons.bootstrap5.min.js"></script>
<script src="/assets/plugins/datatables.net-buttons/js/buttons.colVis.min.js"></script>
<script src="/assets/plugins/datatables.net-buttons/js/buttons.flash.min.js"></script>
<script src="/assets/plugins/datatables.net-buttons/js/buttons.html5.min.js"></script>
<script src="/assets/plugins/datatables.net-buttons/js/buttons.print.min.js"></script>
<script src="/assets/plugins/pdfmake/build/pdfmake.min.js"></script>
<script src="/assets/plugins/pdfmake/build/vfs_fonts.js"></script>
<script src="/assets/plugins/jszip/dist/jszip.min.js"></script>
<!-- <script src="{{ asset('js/jquery-ui.js') }}"></script> -->
<script src="{{ asset('js/search_judicial.js') }}"></script>
<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>
<link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="/assets/plugins/select2/dist/js/select2.min.js"></script>
<script src="assets/pspdfkit.js"></script>
<style type="text/css">
       .dv_container1
    {
        height: calc(100vh - 205px);  /*Subtract 200px from the viewport height */
        /* background-color: lightgray;  */
       
        overflow: scroll;
    }
    .custom-popover .popover-body {
      text-align: justify;
    }
</style>
@endpush

@section('content')

<div class="container">
<form  method="post">
@csrf

<div class="card mb-3">
    <div class="card-header card-bg-color text-white">
  Search
    </div>
    <div class="card-body">
    
    
   <div class="row mb-2">
   <div class="col-sm-3 mb-2 d-none">
   <label for="m_doc" class="control-label"><b>Document</b></label>
   <select name="m_doc" id="m_doc" class="form-select form-select-sm default-select22" >
          
          <option value="">Select</option>
                     
                     @foreach($getDocmaster as $getDocmasters)
                      <option value="{{ $getDocmasters->doccode }}">{{ $getDocmasters->docdesc }}</option>    
                      @endforeach
           
          </select>
           <span id="m_doc_e" class="text-danger"></span>
    </div>
    <div class="col-sm-3 mb-2 d-none">
   <label for="m_doc" class="control-label"><b>Sub Document</b></label>
   <select name="s_doc"  id="s_doc"  class="form-select form-select-sm default-select22">
          <option value="">Select</option>
            </select>
           <span id="m_s_doc_e" class="text-danger"></span>
    </div>
   <!-- <div class="col-sm-3 mb-2 ">
    <label for="ddl_serachtype" class="control-label"><b>Search Type</b></label>
           <select name="ddl_search_type" id="ddl_search_type" class="form-select form-select-sm">
             <option value="">Select</option>
             <option value="1">Boolean AND</option>
             <option value="2">Boolean OR</option>
             <option value="3">Phrase search</option>
           </select>
           <span id="ddl_branch_e" class="text-danger"></span>
    </div> -->
    <!-- <div class="col-sm-6 mb-2 offset-sm-3 ">
    <label for="txt_free_text_search" class="control-label"><b>Enter the keyword for Search</b></label>
    <div class="input-group mb-3">
   
    <div class="form-check form-check-inline mt-2">
  <input class="form-check-input cl_search_type" type="radio" name="ddl_search_type" id="rdn_ba" value="1">
  <label class="form-check-label" for="rdn_ba">AND</label>
</div>
<div class="form-check form-check-inline mt-2">
  <input class="form-check-input cl_search_type" type="radio" name="ddl_search_type" id="rdn_bo" value="2">
  <label class="form-check-label" for="rdn_bo">OR</label>
</div>
<div class="form-check form-check-inline mt-2">
  <input class="form-check-input cl_search_type" type="radio" name="ddl_search_type" id="rdn_bnot" value="4">
  <label class="form-check-label" for="rdn_bo">NOT</label>
</div>
<div class="form-check form-check-inline mt-2">
  <input class="form-check-input cl_search_type" type="radio" name="ddl_search_type" id="rdn_ps" value="3">
  <label class="form-check-label" for="rdn_ps">Phrase Search</label>
</div>
<span id="ddl_branch_e" class="text-danger"></span>
<input type="text" name="txt_free_text_search" id="txt_free_text_search" class="form-control form-control-sm" placeholder="Free Text Search">
                <span id="txt_free_text_search_e" class="text-danger"></span>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <button type="button" class="btn btn-primary btn-sm" name="btn_search" id="btn_search">Submit</button>
</div>
</div> -->
<div class="col-sm-2 mb-2 text-center" >

<img class="img-fluid" src="{{ asset('assets/img/logo.jpg') }}" alt="High Court" width="50" height="100"> 
</div>
<div class="col-sm-4 mb-2">
                <label for="txt_free_text_search" class="control-label"><b>Free Text Search</b></label>
                <input type="text" name="txt_free_text_search" id="txt_free_text_search" class="form-control form-control-sm" >
                <span id="txt_free_text_search_e" class="text-danger"></span>
              </div>
    <div class="col-sm-4 mb-2  ">
    <label for="ddl_serachtype" class="control-label d-block mb-1"><b>Search Type</b></label>
    <div class="input-group mb-3">
    <div class="form-check form-check-inline">
  <input class="form-check-input cl_search_type" type="radio" name="ddl_search_type" id="rdn_ba" value="1" data-bs-toggle="popover" title="Alloted Advocate" data-bs-trigger="hover" data-bs-content="AND operator will use when both words to be searched in the document.Ex: If 'Medical' & 'Hospital' two words to be searched in the document then type- Medical Hospital in the search box.">
  <label class="form-check-label" for="rdn_ba">AND</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input cl_search_type" type="radio" name="ddl_search_type" id="rdn_bo" value="2" data-bs-toggle="popover" title="Alloted Advocate" 
  data-bs-trigger="hover" data-bs-content="OR operator will use when either any word to be searched in the document.Ex: If 'Medical' or 'Hospital' two words to be searched 
  in the document then type- Medical Hospital in the search box.">
  <label class="form-check-label" for="rdn_bo">OR</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input cl_search_type" type="radio" name="ddl_search_type" id="rdn_bnot" value="4" data-bs-toggle="popover" title="Alloted Advocate" 
  data-bs-trigger="hover" data-bs-content="NOT operator will use when first word to be present  and second word  should not present in the document.
 Ex: If 'Medical' not 'Hospital' to be searched then type- Medical Hospital in the search box.">
  <label class="form-check-label" for="rdn_bo">NOT</label>
</div>
<div class="form-check form-check-inline">
  <input class="form-check-input cl_search_type" type="radio" name="ddl_search_type" id="rdn_ps" value="3" data-bs-toggle="popover" title="Alloted Advocate"
   data-bs-trigger="hover" data-bs-content="Searching 'Medical Hospital' will return results with the exact phrase 'Medical Hospital' in them. ">
  <label class="form-check-label" for="rdn_ps">Phrase Search</label>
</div>
</div>
           <span id="ddl_branch_e" class="text-danger"></span>
    </div>

    
   

              <div class="col-sm-2">
              <!-- <label for="txt_free_text_search" class="control-label d-block"><b></b></label> -->
   
              <button type="button" class="btn btn-primary btn-sm mt-3" name="btn_search" id="btn_search">Submit</button>
 </div>
   </div>
   <!-- <div class="row mb-2">
    <div class="col-sm-12 text-center">
        <button type="button" class="btn btn-primary btn-sm" name="btn_search" id="btn_search">Submit</button>
 </div>
        </div> -->
        <div class="row mb-2">
<div class="col-sm-12" id="dv_result">
</div>
</div>
</div>
</div>




<!-- <button type="button" class="d-inline badge bg-success rounded-pill text-center px-2 pe-2" data-bs-toggle="popover" title="Alloted Advocate" data-bs-trigger="hover" data-bs-content="hhh">A</button> -->
<form>
</div>
@endsection