@extends('layouts.default')
@push('scripts')
<script src="{{ asset('js/cishc/allot_head.js') }}"></script>
<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>
<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>
<style type="text/css">
   #dv_causelist {
  max-height: calc(100vh - 350px);
  overflow: scroll;
}
</style>
@endpush

@section('content') 
<div class="card mb-0 ">
   <div class="card-header card-bg-color text-white">Allotment of Major/Minor Head to Record Room Admin User </div>
   <div class="card-body">
   <div class="row mb-3 mt-3">
<label for="txt_caseno" class="col-sm-1 col-form-label offset-sm-4"><b>Alloted To</b></label>
<div class="col-sm-4">
<select name="ddl_alloted_to" id="ddl_alloted_to" class="form-select form-select-sm default-select2">
         <option value="">Select</option>
        @foreach($getSectionNameFromId as $v_adv)
            <option value="{{ $v_adv->user_id }}">{{ $v_adv->name }} </option>
        @endforeach
       </select>	
   
<small id="sp_alloted_to_err" class="text-danger"></small>
</div>    
</div>

<div class="card mb-0 ">
   <div class="card-header card-bg-color text-white">Currently Alloted Major/Minor Head to Record Room Admin User </div>
   <div class="card-body">
   <div class="row mb-2">
    <div class="col-sm-10 offset-sm-1">
    <input type="text" name="txt_head_search" id="txt_head_search" placeholder="Search Major/Minor Head" class="form-control form-control-sm" >
    </div>
    <div class="col-sm-1">
    <button id="btn_search" class="rounded-circle bg-transparent border-0 p-0 text-primary  mt-2" title="Search">
<i class="fas fa-2xl fa-fw me-10px fa-search"></i>
</button>
    </div>
   </div>

   

   <div class="row" id="dv_causelist">
<div class="col-sm-12  mt-2">

      <div class="table-responsive">
<table class="table" id="tb_heading" width='70%'>
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Check</th>
                            <th class="col-2">Major Head</th>
                            <th class="col-2">Minor Head</th>
                            <th class="col-2">Sub Minor Head 1</th>
                            <th class="col-2">Sub Minor Head 2</th>
                            <th>From Date</th>
                            <th>To Date</th>
                            <th>Delete</th>
                        </tr>
                    </thead>
                    <tbody id="tb_body">
                       
                         @php $sno=1; @endphp
                          @foreach($getMajorMinorHead as $head)
                            <tr>
                                <td>
                                    {{ $sno }}
                                </td>
                                <td>
                                <div class="form-check">
      <input type="checkbox" class="form-check-input cl_rdnhead" id="rdnhead_{{ $sno }}" name="rdnhead" 
      data-majorhead="{{ $head->major_id }}" data-minorhead="{{ $head->minor_id }}" 
      data-subminorhead="{{ $head->sub_minor_id1 }}" data-subsubminorhead="{{ $head->sub_minor_id2 }}">
      
    </div>
                                </td>
                                <td>
                                    {{ $head->major_head_desc }}
                                </td>
                                <td>
                                {{ $head->minor_head_desc }}
                                </td>
                              
                                <td>
                                {{ $head->subminor1_head_desc }}
                               </td>
                               <td>
                               {{ $head->subminor2_head_desc }}
                               </td>
                            <td>
                            <div class="input-group date datepicker-autoClose" data-date-format="dd-mm-yyyy">

<input type="text" name="txtfrmdt_{{ $sno }}" id="txtfrmdt_{{ $sno }}" class="form-control form-control-sm dtp" placeholder="Date">
<span class="input-group-text input-group-addon"><i class="fa fa-calendar"></i></span>

</div>
<small id="spfromdateerr_{{ $sno }}" class="text-danger"></small>
                            </td>
                            <td>
                            <div class="input-group date datepicker-autoClose" data-date-format="dd-mm-yyyy">

<input type="text" name="txttodt_{{ $sno }}" id="txttodt_{{ $sno }}" class="form-control form-control-sm dtp" placeholder="Date">
<span class="input-group-text input-group-addon"><i class="fa fa-calendar"></i></span>

</div>
<small id="sptodateerr_{{ $sno }}" class="text-danger"></small>
                            </td>
                              <td id="tddelete_{{ $sno }}">
                              <!-- <button id="btndeleted_{{ $sno }}" class="rounded-circle bg-transparent border-0 p-0 text-danger cl_deleted"  title="Delete">
                                  <i class="fas fa-xl fa-fw  fa-trash"></i>
                                </button> -->
                              </td>
                            </tr>
                            @php $sno++; @endphp
                          @endforeach
                          
                      
                    </tbody>
</table>
</div>

      
</div>
</div>



<div class="row mb-3 mt-3">
<div class="col-sm-12 text-center">
                <button type="button" class="btn btn-primary btn-sm" id="btn_allot">Save</button>
                </div>   
</div>
</div>
</div>

<div class="card mb-0 ">
   <div class="card-header card-bg-color text-white">History of Alloted Major/Minor Head to Record Room Admin User </div>
   <div class="card-body" id="dv_alloted_head">

</div>
</div>

</div>

</div>

@endsection