@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" style="width:50%;float:left;">
    <a class="btn btn-primary btn-icon-split btn-sm" href="{{route('StudentDetails',$Student->Class->id)}}">
        <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-phone-alt text-primary pr-2"></i> {{$Student->mobile}}
                       <i class="fas fa-map-marker-alt text-primary px-2" ></i>{{$Student->place}}
                       <i class="fas fa-school text-primary  px-2"></i>{{$Student->Class->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-6">
                    <h6 class="my-3 mx-0 font-weight-bold text-primary">{{__('lng.FeeDetails')}}</h6>
                    <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.Amount') }}</th>
                                    <th>{{__('lng.Paid')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $si=0;
                                    $PayAmout=$PayedAmount;
                                @endphp
                                @foreach($SetFees as $Fee)
                                <tr>
                                    @php
                                        $month =  date("F-Y",strtotime($Fee->month));
                                        $PayAmout-=$Fee->amount + $Fee->additional_charge;
                                    @endphp
                                    <td>{{++$si}}</td>
                                    <td>{{ $month }}</td>
                                    <td>@currency($Fee->amount + $Fee->additional_charge)</td>
                                    <td>
                                        <input type="checkbox" @if ($PayAmout >= 0 ) checked @endif readonly>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                </div>
                <div class="col-sm-6">
                    <h6 class="my-3 mx-0 font-weight-bold text-primary">{{__('lng.PayHistory')}}</h6>
                    <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.PayAmount') }}</th>
                                    <th>{{__('lng.Action')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $si=0; @endphp
                                @foreach($PayFees 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('PayFeeReceipt',$PayFee->id)}}" class="btn btn-primary btn-circle btn-sm" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{__('lng.Receipt')}}">
                                                    <i class="fas fa-receipt"></i>
                                                </a>
                                            </span>
                                            <form method="POST" action="{{route('PayFee.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="{{__('lng.Delete')}}">
                                                <i class="fas fa-trash"></i>
                                            </a>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </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('PayFee.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">
                        <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="txtTitle">{{__('lng.Authority')}}</label>
                        <div class="input-group mb-3">

                            <input type="text" id="" class="form-control" placeholder="" disabled="" aria-label="" aria-describedby="basic-addon2" value="">
                        </div>
                    </div> --}}
                    <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('SearchBatchYearPayFee') }}',
            method: "get",
            data: {_token: '{{ csrf_token() }}',BatchYear:BatchYear,StudentID:StudentID},
            success: function (response){  
                // alert(response);
                document.getElementById('result-tbl').innerHTML=response; 
            }
        }); 
    }
</script>

@endsection