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

<style>
    input[type="checkbox"][readonly] {
    pointer-events: none;
    }
</style>
{{-- Salary Package --}}
<x-app-flash/>

   <div class="d-flex  justify-content-start p-2">
    <a class="btn btn-primary btn-icon-split btn-sm" href="{{route('StudentVehiclePayFee.index')}}">
        <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> --}}
    <!-- DataTales Example -->
    <div class="card shadow my-4">
        <div class="card-header py-3">
            <div class="row">
               <div class="col-lg-2 col-sm-6">
                <img width="100px" src="{{PBFunc::ImageLink(PBCon::STORAGE_LOCATION_IMAGE_StudentPhoto,$Student->photo)}}" />
               </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 text-primary px-2"></i> {{$StudentVehicleRouteAssign->Vehicle->name}}
                       <i class="fas fa-route text-primary px-2"></i>{{$StudentVehicleRouteAssign->Route->title}}
                       <i class="fas fa-calendar-day text-primary  px-2"></i>{{$Student->batch_year}}
                   </h6>
               </div>
            </div>
        </div>
        <div class="card-body ">
            <div class=" py-3 d-flex flex-row align-items-center justify-content-between">
                <h5 class="m-0 font-weight-bold mt-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="input-group w-25">
                   <select name="" id=""  class="form-control bg-light  small" onchange="Search(this.value)">
                        @php
                        echo (new App\Http\Controllers\SetFeeController())->BatchYearListForCombo($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="row" id="result-tbl">
                <div class="col-sm-5">
                    <div class="card shadow my-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.FeeDetails')}}</h6>
                            <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-body">
                            <div class="table-responsive">
                                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                                    <thead>
                                        <tr>
                                            <th>{{__('lng.SiNo')}}</th>
                                            <th>{{ __('lng.Month') }}</th>
                                            <th>{{ __('lng.Amount') }}</th>
                                            <th>{{__('lng.Paid')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $si=0;
                                            $PayAmout=$PayedAmounts;
                                        @endphp
                                        @foreach($VehicleSetFees as $SetFee)
                                        <tr>
                                            @php
                                                $month =  date("F-Y",strtotime($SetFee->month));
                                                $PayAmout-=$SetFee->total_amount;
                                            @endphp
                                            <td>{{++$si}}</td>
                                            <td>{{ $month }}</td>
                                            <td>@currency($SetFee->amount + $SetFee->additional_charge)</td>
                                            <td>
                                                <input type="checkbox" @if ($PayAmout >= 0 ) checked @endif readonly>
                                            </td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col-sm-7">
                    <div class="card shadow my-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.PayHistory')}}</h6>
                            {{-- <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-body">
                            <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.PayAmount') }}</th>
                                            <th>{{__('lng.Action')}}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php $si=0; @endphp
                                        @foreach($VehiclePayFees as $PayFee)
                                        <tr>
                                            @php $Date =  date("d-m-y",strtotime($PayFee->date));@endphp
                                            <td>{{++$si}}</td>
                                            <td>{{ $Date }}</td>
                                            <td>@currency($PayFee->amount)</td>
                                            <td>
                                                {{-- <input type="checkbox"> --}}
                                                <div class="d-flex flex-row align-items-center">
                                                    <span class="mr-3">
                                                        <a href="{{route('VehiclePayFeeReceipt',[$PayFee->id,$StudentVehicleRouteAssign->id])}}" class="btn btn-primary btn-circle btn-sm" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Receipt">
                                                            <i class="fas fa-receipt"></i>
                                                        </a>
                                                    </span>
                                                    <form method="POST" action="{{route('VehiclePayFeeAmount.destroy',$PayFee->id)}}" Id="form-delete-{{$PayFee->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-{{$PayFee->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>
                            </div>
                        </div>
                      </div>

                </div>
            </div>
        </div>
        <div class="card-footer">
            {{-- <p class="mb-0">{{$Students->count()}} {{__('lng.Items')}}</p> --}}
            {{-- {{$Classes->links()}} --}}
        </div>
    </div>


    {{--  Modal  --}}
<div class="modal fade bd-example-modal-lg" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-success py-3">
                <div class="row" style="width: 50%;">
                    <div class="subscription-authority">
                        <h5 class="modal-title text-white pl-4 text-center" id="txtAuthority">
                            {{$Student->name}}
                        </h5>
                    </div>
                </div>
                <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form method="POST" action="{{route('VehiclePayFeeAmount.store')}}" enctype='multipart/form-data'>
            @csrf
            <div class="modal-body">
                <h5 class="modal-title mb-3 text-dark">{{__('lng.PayFee')}}</h5>
                <div class="row">
                    <div class="col-sm-6 form-group">
                        <input type="hidden" name="student_id" value="{{$Student->id}}" id="StudentID">
                        <input type="hidden" name="assign_id" value="{{$StudentVehicleRouteAssign->id}}" id="AssignID">
                        <label for="dtDate">{{__('lng.Date')}}</label>
                        <input type="date" value="{{date('Y-m-d')}}" class="form-control @error('date') is-invalid @enderror" name="date" id="dtDate" required/>
                        @error('date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    @if ($Voucher->vouchernumber == PBConst::VOUCHER_NUMBER_AUTOMATIC)
                        <div class="col-sm-6 form-group">
                            <label for="numAmount">{{__('lng.VoucherNo')}}</label>
                            <input type="number" class="form-control" value="{{$VoucherNo}}" name="vouchernumber" id="numAmount" readonly/>
                        </div>
                    @else
                        <div class="col-sm-6 form-group">
                            <label for="numAmount">{{__('lng.VoucherNo')}}</label>
                            <input type="number" class="form-control" name="vouchernumber" id="numAmount" required/>
                        </div>
                    @endif
                    <div class="col-sm-6 form-group">
                        <label for="cbHead">{{__('lng.Head')}}</label>
                        <select class="form-control" id="cbHead" name="head" >
                            @php
                                echo App\Http\Controllers\PayFeeController::PayFeeHeadListForCombo(0);
                            @endphp
                        </select>
                    </div>
                    <div class="col-sm-6 form-group">
                        <label for="numAmount">{{__('lng.Amount')}}</label>
                        <input type="number" class="form-control" name="amount" id="numAmount" required/>
                    </div>
                    <div class="col-sm-12 form-group">
                        <label for="txtName">{{__('lng.Narration')}}</label>
                        <input type="text" class="form-control" name="narration" id="txtNarration"/>
                    </div>

                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary btn-icon-split mr-2" data-dismiss="modal">
                    <span class="icon text-white-50">
                        <i class="fas fa-times"></i>
                    </span>
                    <span class="text">{{__('lng.Close')}}</span>
                </button>
                <button type="submit" class="btn btn-success btn-icon-split">
                    <span class="icon text-white-50">
                        <i class="fas fa-check"></i>
                    </span>
                    <span class="text">{{__('lng.Save')}}</span>
                </button>
            </div>
            </form>
        </div>
    </div>
</div>



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


@endsection