@extends('layouts.adminapp')
@section('content')
   {{-- Salary Package --}}
   <x-app-flash />
<div class=" mb-4">
    <div class="d-flex  justify-content-start p-2" style="width:50%;float:left;">
     <h5 class="m-0 ">{{ __('lng.SetFeeInMonth') }}</h5>
    </div>
    <div class="d-flex  justify-content-end p-2">
     <a class="btn btn-primary btn-icon-split btn-sm" href="{{ route('StudentVehicleSetFee.index') }}">
        <span class="icon text-white-50">
           <i class="fas fa-arrow-left"></i>
        </span>
        <span class="text">{{ __('lng.Back') }}</span>
     </a>
    </div>
</div>
   
   <div class="row">
      <div class="col-sm-4">
         <div class="mb-5">
            <form method="POST" action="{{ route('StudentVehicleSetFee.store') }}" enctype='multipart/form-data'>
               @csrf
               <input type="hidden" value="{{ $StudentVehicle->id }}" id="student_vehicle_route_id"
                  name="student_vehicle_route_id">

               <div class="card shadow">

                  <div class="card-header">
                     <div class="d-flex align-items-center">
                        <div class="py-2 d-flex flex-row align-items-center justify-content-between">
                           <h5 class="m-0 font-weight-bold text-primary">{{ $StudentVehicle->Student->name }}</h5>
                        </div>
                     </div>
                  </div>
                  <div class="card-body">
                     <div class="row">
                        <div class="col-sm-12 form-group">
                           <div class="input-group">
                               <input name="batch_year" class="form-control  @error('batch_year') is-invalid @enderror" type="text" value="{{PBFunc::Settings('student_batch_year')}}" readonly required>
                               <div class="input-group-append">
                                   <a class="btn btn-outline-secondary" href="{{route('ChangeSettings','General')}}"   ><i class="fa fa-edit" aria-hidden="true"></i></a>
                               </div>
                           </div>
                           @error('batch_year')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-sm-12 form-group">
                           <label for="txtTitle">{{ __('lng.Month') }}</label>
                           <input type="month" value="{{ \Carbon\Carbon::now()->format('Y-m') }}"
                              class="form-control @error('month') is-invalid @enderror" name="month" id="dtMonth"
                              required />
                           @error('month')
                              <div class="invalid-feedback">{{ $message }}</div>
                           @enderror
                        </div>
                        <div class="col-sm-12 form-group">
                           <label for="numPayableAmount">{{ __('lng.Amount') }}</label>
                           <input type="number" value="@amount( $StudentVehicle->amount )"
                              class="form-control @error('amount') is-invalid @enderror" name="amount"
                              id="numPayableAmount" required readonly />
                           @error('amount')
                              <div class="invalid-feedback">{{ $message }}</div>
                           @enderror
                        </div>
                        <div class="col-sm-12 form-group">
                           <label for="numTotal">{{ __('lng.AdditionalCharge') }}</label>
                           <input type="number" class="form-control @error('additional_charge') is-invalid @enderror"
                              name="additional_charge" id="numTotal" />
                           @error('additional_charge')
                              <div class="invalid-feedback">{{ $message }}</div>
                           @enderror
                        </div>
                        <div class="col-sm-12 form-group">
                           <label for="numTotal">{{ __('lng.Narration') }}</label>
                           <input type="text" class="form-control @error('narration') is-invalid @enderror"
                              name="narration" id="numTotal" />
                           @error('narration')
                              <div class="invalid-feedback">{{ $message }}</div>
                           @enderror
                        </div>
                     </div>
                  </div>
                  <div class="card-footer">
                     <div class="d-flex  justify-content-end p-2">
                        <button type="reset" class="btn btn-secondary btn-icon-split mr-1 btn-sm"  name="btnSave">
                           <span class="icon text-white-50">
                              <i class="fas fa-trash"></i>
                           </span>
                           <span class="text">{{ __('lng.Clear') }}</span>
                        </button>
                        <button type="submit" class="btn btn-success btn-icon-split btn-sm">
                           <span class="icon text-white-50">
                              <i class="fas fa-check"></i>
                           </span>
                           <span class="text">{{ __('lng.Save') }}</span>
                        </button>
                     </div>
                  </div>
               </div>
            </form>

         </div>
      </div>
      <div class="col-sm-8 ">

         <!-- DataTales Example -->
         <div class="card shadow mb-4">
            <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
               <h6 class="m-0 font-weight-bold text-primary">
                  {{ __('lng.MonthlyFeeDetails') }}</h6>
               <div class="input-group w-50 input-search">
                  <select name="" id=""  class="form-control bg-light  small" onchange="Search(this.value)">
                      <option value="0">{{ __('lng.All') }}</option>
                      @php
                      echo (new App\Http\Controllers\SetFeeController())->BatchYearListForCombo(PBFunc::Settings('student_batch_year'));
                      @endphp
                  </select>
                  <div class="input-group-append">
                     <button class="btn btn-primary" type="button" onclick="Search()">
                        <i class="fas fa-search fa-sm"></i>
                     </button>
                  </div>
               </div>
            </div>
            <div class="card-body">
               <div class="table-responsive">
                  <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                     <thead>
                        <tr>
                           <th>{{ __('lng.SiNo') }}</th>
                           <th>{{ __('lng.BatchYear') }}</th>
                           <th>{{ __('lng.Month') }}</th>
                           <th>{{ __('lng.Amount') }}</th>
                           <th>{{ __('lng.AdditionalCharge') }}</th>
                           <th>{{ __('lng.TotalAmount') }}</th>
                           <th>{{ __('lng.Action') }}</th>
                        </tr>
                     </thead>
                     <tbody id="result-tbl">
                        @php $si=0; @endphp
                        @foreach ($VehicleSetFees as $VehicleSetFee)
                           <tr>
                              @php $month =  date("F-Y",strtotime($VehicleSetFee->month));@endphp
                              <td>{{ ++$si }}</td>
                              <td>{{ $VehicleSetFee->batch_year }}</td>
                              <td>{{ $month }}</td>
                              <td>@currency($VehicleSetFee->amount )</td>
                              <td>@currency($VehicleSetFee->additional_charge)</td>
                              <td>@currency( $VehicleSetFee->total_amount)</td>
                              <td>
                                 <form method="POST"
                                    action="{{ route('StudentVehicleSetFee.destroy', $VehicleSetFee->id) }}"
                                    Id="form-delete-{{ $VehicleSetFee->id }}">
                                    @csrf
                                    @method('delete')
                                    <a class="btn btn-danger btn-circle btn-sm mr-3" onclick="
                                                     event.preventDefault();
                                                     if(confirm('Are you sure delete this'))
                                                     {
                                                         document.getElementById('form-delete-{{ $VehicleSetFee->id }}').submit();
                                                     }" data-bs-toggle="tooltip" data-bs-placement="bottom"
                                       title="Delete">
                                       <i class="fas fa-trash"></i>
                                    </a>
                                 </form>
               </div>
               </td>
               </tr>
               @endforeach
               </tbody>
               </table>
               <p class="mb-0">{{ $VehicleSetFees->count() }} {{ __('lng.Items') }}</p>
            </div>
         </div>
         <div class="card-footer">
            {{-- {{ $FeeDetails->links() }} --}}
         </div>
      </div>

   </div>
   </div>


   <script>
      function Search(BatchYear) {
         var ID = document.getElementById('student_vehicle_route_id').value;
         $.ajax({
            url: '{{ route('SearchBatchYearStudentVehicleSetFee') }}',
            method: "get",
            data: {
               _token: '{{ csrf_token() }}',
               BatchYear: BatchYear,
               ID: ID
            },
            success: function(response) {
               document.getElementById('result-tbl').innerHTML = response;
            }
         });
      }
   </script>
@endsection