@extends('admin.include.main')
@section('content')
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h3 class="font-weight-bold">Billing For Students</h3>

                    </div>
                         <div class="ibox-content">

                                 <div class="contact-box" style="width: 100%!important;">

                                        <div class="row">

                                            <div class="col-8" style="font-size: 15px;">
                                                 <div class="table-responsive">
                                                    <table class="table table-striped table-bordered table-hover dataTables-example" >

                                                    <tr>
                                                        <td><label class="font-weight-bold">Name:</label></td>
                                                        <td>{{$student->name}} </td>
                                                         <td><label class="font-weight-bold">Class:</label></td>
                                                        <td>{{$student['standard']['class_name']}} - {{$student['section']['section_name']}} </td>
                                                    </tr>
                                                    <tr>
                                                        <td><label class="font-weight-bold">Father name:</label></td>
                                                        <td>{{$student['guardian']['father_name']}} </td>
                                                         <td><label class="font-weight-bold">Phone no:</label></td>
                                                        <td>{{$student['phone_no']}} </td>
                                                    </tr>
                                                     <tr>
                                                        <td><label class="font-weight-bold">Admit no:</label></td>
                                                        <td>{{$student['admit_no']}} </td>
                                                        <td><label class="font-weight-bold">Roll no:</label></td>
                                                        <td>{{$student['roll_no']}} </td>

                                                    </tr>
                                                    <tr>
                                                         <td><label class="font-weight-bold">Date of birth:</label></td>
                                                        <td>{{$student['dob']}} </td>
                                                         <td><label class="font-weight-bold">Address:</label></td>
                                                        <td>{{$student['address']}} </td>

                                                    </tr>
                                                    <tr>
                                                         <td><label class="font-weight-bold">Email Id:</label></td>
                                                        <td>{{$student['email']}} </td>
                                                          <td><label class="font-weight-bold">Status:</label></td>
                                                        <td> @if ($student['status'] == 0) <span style="color: red">Inactive</span>
                                                            @else
                                                            <span style="color: green">Active</span>
                                                            @endif
                                                        </td>

                                                    </tr>
                                                    </table>
                                                </div>
                                                <div class="ibox-title">
                                                    <h3 class="font-weight-bold">Select the options</h3>

                                                </div>
                                                <hr>

                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <button type="button" class="btn btn-primary">Due Receipt</button>
                                                    </div>
                                                     <div class="col-md-3">
                                                        <button type="button" class="btn btn-success">Add Old Due</button>
                                                    </div>
                                                     <div class="col-md-3">
                                                         <button type="button" class="btn btn-success">Statement</button>
                                                    </div>
                                                     <div class="col-md-3">
                                                         <button type="button" class="btn btn-primary">View Invoice </button>
                                                    </div>
                                                </div>


                                            </div>
                                            <div class="col-4">
                                                <img alt="image" class="rounded float-right" style="width: 100%" src="{{asset($student->photo)}}" >

                                            </div>
                                        </div>

                                </div>
                              <div class="ibox-content">

                                <div class="table-responsive">
                                    <table class="table" >
                                        <thead>
                                        <tr>
                                            {{-- <th>Admit no.</th> --}}
                                            <th>S.no</th>
                                            <th>Fees Category</th>
                                            {{-- <th>Gender</th> --}}
                                            <th>Rate Per month</th>
                                            {{-- <th>Address</th> --}}
                                            <th>Due Month</th>
                                            <th>Balance (Dr.)</th>
                                            <th>Balance (Cr.)</th>
                                            <th>Status</th>

                                        </tr>
                                        </thead>

                                        <tbody>

                                @forelse($student->standard->fees as $key => $feetype)
                                    <tr>
                                        <td>{{ $key }}</td>
                                        <td> {{ $feetype->name }} </td>
                                        <td> {{ $feetype->pivot->amount }} </td>
                                        <td>
                                    {{-- {{ $student->created_at->diffForHumans() }} --}}
                                @php


                                    // $demo = $student->payments->paymentDetails
                                    //         ->where('feet_type_id', $feetype->id)
                                    //         // ->where('payment_id', $payment->id)
                                    //         // ->get();
                                    //         ->count();
                                    // dd($demo);

                                $sum = 0;
                                $count = 0;

                                    foreach($student->payments as $key => $payment)
                                    {
                                    // i have to asked project manager
                                        // foreach ($payment->paymentDetails as $paymentdetail) {
                                        //     // dd($feetype->id);
                                        //     // dd($paymentdetail->feet_type_id);
                                        //      if ($paymentdetail->feet_type_id == $feetype->id ) :

                                        //          $sum = $sum+$paymentdetail->amount;

                                        //     endif ;
                                        // }
                                        // dd($student->payments[1]);
                                        // echo "paid id ".$payment->id ."<br>";
                                           $sum = $sum + $payment->paymentDetails
                                            ->where('feet_type_id', $feetype->id)
                                            ->where('payment_id', $payment->id)
                                            ->sum('amount');

                                            // dd($sum);

                                             $count = $count + $payment->paymentDetails
                                            ->where('feet_type_id', $feetype->id)
                                            ->where('payment_id', $payment->id)
                                            // ->get();
                                            ->count();
                                            // dd($count);
                                            // echo  $feetype->name .' count '. $count ."<br>";

                                    }




                                @endphp

                             {{--        {{  $student->created_at->diff(Carbon\Carbon::now())->format('%m')  }} --}}

                                    {{   $student->created_at->diff(Carbon\Carbon::now())->format('%m') - $count }}


                                        <a href="#" data-toggle="modal" data-target="#myModal4{{$feetype->id}}">
                             <i class="glyphicon glyphicon-info-sign" style="color:black;"></i>
                            </a>
                            <div class="modal inmodal" id="myModal4{{$feetype->id}}" tabindex="-1" role="dialog"  aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content animated fadeIn">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                            <h4 class="modal-title">Update Fee Type</h4>
                                        </div>
                                        <div class="modal-body">
                                            <div class="table-responsive">
                                                <table class="table " >
                                                    <thead>
                                                    <tr>

                                                        <th>Month</th>
                                                        <th>Amount</th>
                                                        {{-- <th>Gender</th> --}}
                                                        <th>Description</th>
                                                        {{-- <th>Address</th> --}}
                                                        <th>Added by </th>
                                                        <th>Added date</th>


                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                        {{-- <tr>
                                                            <td></td>
                                                        </tr> --}}
                                                    </tbody>
                                                </table>
                                            </div>

                                    </div>
                                </div>
                            </div>

                                        </td>
                                        <td>
                                        {{ $student->created_at->diff(Carbon\Carbon::now())->format('%m') *
                                            $feetype->pivot->amount - $sum
                                        }}
                                        </td>
                                    </tr>
                                @empty
                                @endforelse

                                        </tbody>

                                    </table>
                                </div>
                                <div class="float-right">
                                    <button type="button" class="btn btn-success btn-lg" data-toggle="modal" data-target="#myModal4"><i class="fa fa-money"></i> Pay</button>
                                    <div class="modal inmodal" id="myModal4" tabindex="-1" role="dialog"  aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content animated fadeIn">
                                        <form action="{{ route('payment.index') }}" method="POST">
                                             @csrf
                                        <div class="modal-header">

                                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                            <h4 class="modal-title">Submit Fee</h4>
                                        </div>
                                        <div class="modal-body">

                                            <table class="table table-striped table-bordered table-hover" >
                                        <thead>
                                        <tr>

                                            <th>S.no</th>
                                            <th>Action</th>
                                            <th>Fees Category</th>

                                            <th>Rate Per month</th>

                                            <th>Due Month</th>
                                            <th>Amount</th>
                                            <th>Receive</th>
                                            <th>Reamining</th>

                                        </tr>
                                        </thead>

                                        <tbody>
                                    @php
                                    $totalpayable =0;

                                    @endphp
                                <input type="hidden" name="student_id" value="{{ $student->id }}">
                                    @forelse($student->standard->fees as $key => $feetype)
                                    <tr>
                                        <td>{{ $key+1 }}</td>
                                        <td>
                                        <input type="checkbox" name="checkfee_id[]" value="{{ $feetype->id}}"
                                        id="check_{{ $key }}" readonly=""></td>
                                        <td> {{ $feetype->name }} </td>
                                        <input type="hidden" name="feeprice[]" value="{{ $feetype->pivot->amount }}">
                                        <td> {{ $feetype->pivot->amount }} </td>
                                        <td>

                                @php
                                    $sum = 0;
                                    $count = 0;

                                    foreach($student->payments as $payment)
                                    {
                                           $sum = $sum + $payment->paymentDetails
                                            ->where('feet_type_id', $feetype->id)
                                            ->where('payment_id', $payment->id)
                                            ->sum('amount');

                                             $count = $count + $payment->paymentDetails
                                            ->where('feet_type_id', $feetype->id)
                                            ->where('payment_id', $payment->id)
                                            // ->get();
                                            ->count();



                                    }





                                @endphp

                                    {{-- {{  $student->created_at->diff(Carbon\Carbon::now())->format('%m')  }}  --}}
                                    <input type="hidden" name="monthdue[]" value="{{   $student->created_at->diff(Carbon\Carbon::now())->format('%m') - $count }}">
                                    {{   $student->created_at->diff(Carbon\Carbon::now())->format('%m') - $count }}
                                </td>
                                     <td>

                                        {{-- <input type="hidden" name="totalamount[]"
                                        value=" {{ $student->created_at->diff(Carbon\Carbon::now())->format('%m') *
                                            $feetype->pivot->amount - $sum
                                        }}">
 --}}                                        {{ $student->created_at->diff(Carbon\Carbon::now())->format('%m') *
                                            $feetype->pivot->amount - $sum
                                        }}
                                        @php
                                        $totalpayable = $totalpayable +$student->created_at->diff(Carbon\Carbon::now())->format('%m') *
                                            $feetype->pivot->amount - $sum;
                                        @endphp
                                </td>
                                <input type="hidden"
                                name="hidden_receive[]" value=""
                                id="hidden_receive_{{ $key}}">
                                <td class="amount_receive" id="amount_receive_{{ $key}}">

                                </td>
                                <td class="amountdue">

                                 </td>
                            </tr>
                                @empty
                                @endforelse
                                            <tr>
                                                <td colspan="4" class="text-center">Total</td>
                                                <td></td>
                                                <td> {{ $totalpayable }}</td>
                                                <td></td>
                                                <td></td>

                                            </tr>
                                        </tbody>

                                       </table>


                                                 <div class="ibox-title">
                                                <input type="hidden" name="advance_amount" value="">
                                                    <h3 class="font-weight-bold">
                                                    Advanced deposit: Rs.

                                                    </h3>


                                                </div>
                                                <div class="row">
                                                    <div class="col-md-4">
                                                         <div class="form-group">
                                                    <h5> Amount to Pay: </h5>
                                                    <div class="controls">
                                                        <input type="number" required name="amount" id="amount"  class="form-control" >


                                                    </div>
                                                    </div>
                                                    </div>
                                                     <div class="col-md-4">
                                                         <div class="form-group">
                                                            <h5> Discount:</h5>
                                                             <div class="controls">
                                                                <input type="number"  name="discount" id="amount"  class="form-control" >


                                                            </div>
                                                          </div>
                                                        </div>
                                                     <div class="col-md-4">
                                                         <div class="form-group">
                                                            <h5> Fine:  </h5>
                                                        <div class="controls">
                                                          <input type="number"  name="fine" id="amount"  class="form-control">


                                                         </div>
                                                       </div>
                                                    </div>
                                                </div>
                                                 <div class="ibox-title">
                                                    <div class="row">
                                                        <div class="col-md-4 text-center">
                                <h5 style="color:green;" class="">Total Payable: Rs.
                                    <span class="totalpayable"></span>
                                 </h5>
                                                        </div>
                                                         <div class="col-md-4 text-info text-center">
                                        <h5 class="">Advance Remains: Rs.
                                            <span class="advanceremain"></span>
                                                             </h5>
                                                        </div>
                                                         <div class="col-md-4 text-center">
                                                            <h5 style="color:green;">Dues Remains: Rs. 10000</h5>
                                                        </div>
                                                    </div>


                                                </div>

                                                 <div class="ibox-title">
                                                    <div class="row">
                                                        <div class="col-md-4 text-center">
                                                            <label class="font-weight-bold">Payment Mode: </label>
                                                        </div>

                                                             <div class="col-md-8">
                                                                <div class="row">
                                                                    <div class="col-md-7">
                                                                         <div class="form-check-inline">
                                                                    <label class="form-check-label">
                                                <input type="radio" name="status" class="form-check-input" value="cash">Cash
                                                                    </label>
                                                                        </div>
                                                                        <div class="form-check-inline">
                                                                            <label class="form-check-label">
                                <input type="radio" name="status" class="form-check-input" value="cheque">Cheque
                                                                            </label>
                                                                        </div>
                                                                        <div class="form-check-inline">
                                                                            <label class="form-check-label">
                                    <input type="radio" name="status" class="form-check-input" value="b">Bank
                                                                            </label>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-5">
                                        <div class="form-group">
                                            <h5> Reference number:  </h5>
                                             <div class="controls">
                                                                                      <input type="text" name="ref_number" id="amount"  class="form-control">


                                                                                     </div>
                                                            </div>
                                            <div class="form-group">
                                                <h5> Bank name:  </h5>
                                                 <div class="controls">
                                    <input type="text" name="bank_name" id="amount"  class="form-control">


                                            </div>
                                                                       </div>
                                                                    </div>




                                                                </div>


                                                        </div>

                                                    </div>


                                                </div>
                                               <hr>
                                               <div class="row">
                                                   <div class="col-md-6">

                                                   </div>
                                                   <div class="col-md-6">

                                                   </div>
                                               </div>



                                                <div class="hr-line-dashed"></div>

                                                <div class="text-center">
                                                    <button type="submit" class="btn btn-success">Submit</button>
                                                </div>



                                        </div>
                                    </form>
                                    </div>
                                </div>
                            </div>
                                </div>

                              </div>


                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection

@section('script')

<script type="text/javascript">
    $(document).ready(function(){
        $(document).on('focusout', '#amount', function(){
            $('input[type=checkbox]').prop('checked',false);
            $('.amount_receive').html('');
             var paying_amount = 0;
            paying_amount =$(this).val();
            var price = $("input[name='feeprice[]']") .map(function(){return $(this).val();}).get();
            var monthdue = $("input[name='monthdue[]']") .map(function(){return $(this).val();}).get();

            paying_amount = parseInt(paying_amount);

            // console.log(price);
            // alert(' Amount From input '+paying_amount)
            $.each(price, function(index, value){
                console.log('index is '+ index);
                i = monthdue[index] ;
                console.log('month due for '+index+' is '+ i);
                // alert('paying_amount '+paying_amount);
                // alert('fee for'+index+' is '+ value );
                top : while(true)
                {

                console.log('value for '+value)
                console.log(paying_amount >= value)
                if(paying_amount >= value)
                {
                    console.log('payment amount '+paying_amount)

                    console.log('paying amount= '+paying_amount+' rent for the moth '+value);
                    if(i > 0)
                    {
                        // alert('total fee '+value*i)
                    if(paying_amount >= value*i)
                    {
                        if(paying_amount >= value*i)
                        {
                            action = 'break';
                        }
                        else
                        {
                            action = 'continue';
                        }
                        // alert(' paying amount '+paying_amount +' fee '+value*i);
                        paidstatus = 'true' ;
                        console.log('payment status for '+i+ ' is '+paidstatus);
                        paidamount = value*i ;
                        paying_amount = paying_amount - paidamount ;

                        // alert(' amount reamining '+paying_amount)amount_receive_
                        $("#check_"+index).prop('checked', true);
                        $('#amount_receive_'+index).html(paidamount);
                        $("#hidden_receive_"+index).val(paidamount);
                        $
                        if(action == 'break')
                        {

                            break;
                        }
                        continue top

                    }
                    else{
                        i--;
                        continue top
                     }

                    }
                    else
                    {
                        break
                    }
                }
                else {
                    break;
                }

            }

            });
            // alert(price);
            // alert('reamining amount at the end  '+paying_amount);
            payable = {{ $totalpayable }} ;
            $(".totalpayable").html(payable);
            $(".advanceremain").html(paying_amount);




        });
        // $(document).on('checke')

    });
</script>

@stop