@extends('layouts.adminapp')
@section('content')

<x-app-flash/>
  <div class="d-flex  justify-content-start py-3">
    <a class="btn btn-primary btn-icon-split btn-sm" href="{{route('VehicleFeeReport')}}">
        <span class="icon text-white-50">
            <i class="fas fa-arrow-left"></i>
        </span>
        <span class="text">{{__('lng.Back')}}</span>
    </a>
</div>
{{-- <div class="d-flex  justify-content-end p-2">
    <button   class="btn btn-success btn-icon-split btn-sm" data-toggle="modal" data-target="#exampleModal">
        <span class="icon text-white-50">
            <i class="fas fa-money-bill"></i>
        </span>
        <span class="text">{{__('lng.PayFee')}}</span>
    </button>
</div> --}}
    <div class="card shadow mb-4">
        <div class="card-header py-3 ">
            <div class="row">
               <div class="col-lg-2 col-sm-6">
                  @if ($Student->photo)
                     <img width="100px" src="{{ asset('storage/Student/Photo/' . $Student->photo) }}" />
                  @else
                     <img width="100px" src="{{ asset('assets/images/user_logo.jpg') }}" />
                  @endif
               </div>
               <div class="col-lg-8 col-sm-6 pt-2">
                   <h2 class="m-0 font-weight-bold text-uppercase">{{$Student->name}}</h2>
                   <h6 class="m-0 font-weight-bold text-uppercase mt-3">
                       <i class="fas fa-truck pr-2"></i> {{$RouteAssign->Vehicle->name}}
                       <i class="fas fa-route px-2" ></i>{{$RouteAssign->Route->title }}
                       <i class="fas fa-school px-2"></i>{{$Student->Class->title  ?? __('lng.PassOut')}}
                   </h6>
               </div>
            </div>
        </div>
        <div class="card-body">
            <h5 class="m-0 font-weight-bold my-3  ">
                @if ($Balance > 0)
                {{__('lng.BalanceAmount')}} : <span class="text-danger"> @currency($Balance) <span>
                @else
                {{__('lng.Advance')}} : <span class="text-success"> @currency(abs($Balance)) <span>
                @endif
            </h5>
            <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                    <thead>
                        <tr>
                            <th>{{__('lng.SiNo')}}</th>
                            <th>{{__('lng.Date')}}</th>
                            <th>{{__('lng.BatchYear')}}</th>
                            <th>{{__('lng.Amount')}}</th>
                            <th>{{__('lng.Head')}}</th>
                        </tr>
                    </thead>
                    <tbody id="result-tbl">
                        @php $i=0;@endphp
                        @foreach ($PayFees as $PayFee)
                        @php $date =  date("F-d-Y",strtotime($PayFee->date));@endphp
                            <tr>
                                <td>{{++$i}}</td>
                                <td>{{$date}}</td>
                                <td>{{$PayFee->batch_year}}</td>
                                <td>@currency($PayFee->amount)</td>
                                <td>{{$PayFee->payhead->title}}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card-footer">
  
         <form method="POST" action="{{ route('PayVehicleFeeHistoryReportPrint') }}" enctype='multipart/form-data'>
            @csrf
            <input type="hidden" name="vehicle_route_id" value="{{$RouteAssign->id}}">
            <div class="d-flex  justify-content-end p-2">
               <button onclick="getPrint()" type="submit" class="btn btn-info btn-icon-split">
                  <span class="icon text-white-50">
                     <i class="fas fa-print"></i>
                  </span>
                  <span class="text">{{ __('lng.Print') }}</span>
               </button>
            </div>
         </form>
        </div>
    </div>

@endsection