@extends('layouts.default')

@push('scripts')


<link rel="stylesheet" href="{{ asset('css/jquery-ui.css')}}" />
<script src="{{ asset('js/jquery-ui.js') }}"></script>
<script src="{{ asset('js/restoration.js') }}"></script>
<!-- <script src="{{ asset('js/bootstrap-datetimepicker.js')}}"></script> -->
    <!-- <script src="{{ asset('js/bootstrap-datetimepicker.fr.js') }}"></script> -->
    <script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>
<style type="text/css">
  .ui-front {
    z-index: 9999;
}
.cl_red
{
    color: red;
}
</style>
@endpush

@section('content') 
<div class="container">
<form action="{{ url('/') }}/restoration" method="post">
@csrf

<div class="card mb-3">
    <div class="card-header bg-dark text-white">
  Restoration
    </div>
    <div class="card-body">
<div class="card mb-3">
    <div class="card-header bg-dark text-white">
   ANR No. to be restored 
    </div>
    <div class="card-body">

    <div class="row">
          
    <div class="col-sm-2 mb-3 offset-sm-2">
            <label for="sp_rto" class="control-label"><b>ANR No.</b><span class="cl_red"> *</span></label>
            <input type="text" name="t_h_cno" id="t_h_cno" class="form-control form-control-sm" placeholder="ANR No."  >
            <small id="t_h_cno_e" class="text-danger"></small>    
        </div>
                        <div class="col-sm-2 mb-3">
            <label for="t_h_cyt" class="control-label"><b>ANR Year</b><span class="cl_red"> *</span></label>
            <select name="t_h_cyt" id='t_h_cyt' class="form-select form-select-sm">
                <option value="">Select</option>
         @for($i=$year;$i>=1930;$i--)
          <option value="{{$i}}">{{$i}}</option>
          @endfor
              </select>
              <small id="t_h_cyt_e" class="text-danger"></small>  
            </div>
        <!-- <div class="col-sm-3 mb-3 mt-3">
        
        <input type="button" name="btn_submit" id="btn_submit" value="Submit" class="btn btn-primary btn-sm"/> 
        </div> -->

</div>

</div>
</div>

<div class="card mb-3">
    <div class="card-header bg-dark text-white">
   ANR No. restored by
    </div>
    <div class="card-body">

    <div class="row">
          
    <div class="col-sm-2 mb-3 offset-sm-2">
            <label for="sp_rto" class="control-label"><b>ANR No.</b><span class="cl_red"> *</span></label>
            <input type="text" name="t_h_cno_r" id="t_h_cno_r" class="form-control form-control-sm" placeholder="ANR No."  >
            <small id="t_h_cno_r_e" class="text-danger"></small>    
        </div>
                        <div class="col-sm-2 mb-3">
            <label for="t_h_cyt_r" class="control-label"><b>ANR Year</b><span class="cl_red"> *</span></label>
            <select name="t_h_cyt_r" id='t_h_cyt_r' class="form-select form-select-sm">
                <option value="">Select</option>
         @for($i=$year;$i>=1930;$i--)
          <option value="{{$i}}">{{$i}}</option>
          @endfor
              </select>
              <small id="t_h_cyt_r_e" class="text-danger"></small>  
            </div>
        <!-- <div class="col-sm-3 mb-3 mt-3">
        
        <input type="button" name="btn_submit" id="btn_submit" value="Submit" class="btn btn-primary btn-sm"/>
        </div> -->

</div>

</div>
</div>

<div class="card mb-3">
    <div class="card-header bg-dark text-white">
   Restoration Remark
    </div>
    <div class="card-body">

    <div class="row">
          
    <div class="col-sm-9 mb-3">
                <label for="txt_remark" class="control-label"><b>Remark</b><span class="cl_red"> *</span></label>
            
                <textarea class="form-control form-control-sm" id="txt_remark" name="txt_remark" rows="3"></textarea>
                <small class="text-danger" id="txt_remark_e">
      
        </small>
            </div>
           

</div>

</div>
</div>

 <div class="col-sm-12 mb-3 mt-3 text-center">
        
        <input type="button" name="btn_submit" id="btn_submit" value="Submit" class="btn btn-primary btn-sm"/> 
        </div>
</div>
</form>
</div>

@endsection