@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['class']['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>
                    <div class="ibox-content">

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

                            <div class="row">

                                <div class="col-12" style="font-size: 15px;">
                                    <form method="post" action="{{ route('payment.index') }}">
                                        @csrf
                                        <div class="table-responsive">
                                            @php
                                                $montharray = array(1 => 'Jan.', 2 => 'Feb.', 3 => 'Mar.', 4 => 'Apr.', 5 => 'May', 6 => 'Jun.', 7 => 'Jul.', 8 => 'Aug.', 9 => 'Sep.', 10 => 'Oct.', 11 => 'Nov.', 12 => 'Dec.');
                                            @endphp
                                            <select name="month" class="month">
                                                <option value="" disabled selected>
                                                    please select month
                                                </option>
                                                <option value="0"> Noone</option>
                                                @foreach($montharray as $key => $arr )
                                                    <option value="{{$key}}">{{ $arr }}
                                                    </option>
                                                @endforeach
                                                {{-- <option value="1">
                                                   1  Month
                                                </option>
                                                 <option value="2">
                                                   2 Month
                                                </option>
                                                 <option value="3">
                                                   3 Month
                                                </option>
                                                 <option value="4">
                                                   4 Month
                                                </option>
                                                 <option value="5">
                                                   5 Month
                                                </option>
                                                 <option value="6">
                                                   6 Month
                                                </option>
                                                 <option value="7">
                                                   7 Month
                                                </option>
                                                 <option value="8">
                                                   8 Month
                                                </option>
                                                 <option value="9">
                                                   9 Month
                                                </option>
                                                 <option value="10">
                                                   10 Month
                                                </option>

                                                 <option value="11">
                                                   11 Month
                                                </option>
                                                 <option value="12">
                                                   12 Month
                                                </option>  --}}
                                            </select>

                                            <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>Advance Month</th>
                                                    <th> Paid month </th>
                                                    {{-- <th> </th> --}}

                                                    <th>Amount</th>
                                                    <th>Receive</th>
                                                    <th>Reamining</th>

                                                </tr>
                                                </thead>

                                                <tbody>
                                                @php
                                                    $totalpayable =0;
                                                    $advance = $student->advances->sum('advance_amount');
                                                @endphp
                                                <input type="hidden" name="student_id" value="{{ $student->id }}">
                                                @forelse($student->class->fees as $key => $feetype)
                                                    <tr>
                                                        @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
                                                        <td>{{ $key+1 }}</td>
                                                        <td>
                                                            <input type="checkbox" name="checkfee_id[]" value="{{ $feetype->id}}"
                                                                   id="check_{{ $key }}" class="checkbox"
                                                                   @if($student->created_at->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') - $count > 0)
                                                                   checked

                                                                   @endif
                                                                   null : checked}}>
                                                        </td>
                                                        <td> {{ $feetype->name }} </td>
                                                        <input type="hidden" name="feeprice[]" value="{{ $feetype->pivot->amount }}">
                                                        <td> {{ $feetype->pivot->amount }} </td>







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



                                                        <td id="monthdues_{{ $key }}">

                                                            @php
                                                                // dd(Carbon\Carbon::now()->endOfMonth());
                                                                $month =   $student->created_at->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') - $count > 0 ?
                                                                       abs( $student->created_at->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') - $count) : null;

                                                                // $student->created_at
                                                                // ->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') ;

                                                                $array_month = [];
                                                                // $i ;
                                                                for($i = $month; $i>0; $i--) {
                                                                    $array_month[] = Carbon\Carbon::now()->endOfMonth()->subMonthsNoOverflow($i-1)->format('F');
                                                                    // echo $array_month;
                                                                    // $array_deu[] = $array_month;
                                                                }
                                                                // var_dump($array_month);
                                                                // dd($array_month);
                                                            @endphp






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

                                                            {{   $student->created_at->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') - $count > 0 ?
                                                            abs( $student->created_at->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') - $count) : null  }}


                                                            <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">Dues On 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>
                                                                                    @forelse($array_month as $armonth)

                                                                                        <tr>
                                                                                            <td>{{ $armonth}}</td>
                                                                                            <td> RS.{{ $feetype->pivot->amount }} </td>
                                                                                            <td>Fee Amount</td>

                                                                                        </tr>

                                                                                    @empty
                                                                                    @endforelse
                                                                                    </tbody>
                                                                                </table>
                                                                            </div>

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


                                                            @php
                                                                // dd(Carbon\Carbon::now()->endOfMonth());
                                                                $admonth =   $student->created_at->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') - $count < 0 ?
                                                                       abs( $student->created_at->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') - $count) : null;

                                                                // $student->created_at
                                                                // ->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') ;

                                                                $adv_month = [];
                                                                // $i ;
                                                                for($i = $admonth; $i>0; $i--) {
                                                                    $adv_month[] = Carbon\Carbon::now()->endOfMonth()->addMonthsNoOverflow($i)->format('F');
                                                                    // echo $array_month;
                                                                    // $array_deu[] = $array_month;
                                                                }
                                                                // var_dump($adv_month);
                                                                // dd($array_month);
                                                            @endphp
                                                            {{   $student->created_at->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') - $count < 0 ?
                                                                abs( $student->created_at->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') - $count) : null  }}

                                                            <a href="#" data-toggle="modal" data-target="#myModal5{{$feetype->id}}">
                                                                <i class="glyphicon glyphicon-info-sign" style="color:black;"></i>
                                                            </a>
                                                            <div class="modal inmodal" id="myModal5{{$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">Advances For Fee</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>
                                                                                    @forelse($adv_month as $admonth)

                                                                                        <tr>
                                                                                            <td>{{ $admonth}}</td>
                                                                                            <td> RS.{{ $feetype->pivot->amount }} </td>
                                                                                            <td>Fee Amount</td>

                                                                                        </tr>

                                                                                    @empty
                                                                                    @endforelse
                                                                                    </tbody>
                                                                                </table>
                                                                            </div>

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

                                                        <input type="hidden" name="constant_month" value="" id="constant_month">
                                                        <input type="hidden" name="advance_month[]" value="" id="advance_month">
                                                        <td class="advance_month">


                                                        </td>
                                                        <input type="hidden" name="amountfee[]" value="{{ $student->created_at->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') *
                                    $feetype->pivot->amount - $sum }}" id="fee_{{ $key }}">

                                                        <td class="amountfee" id= "amountfee_{{ $key }}">

                                                            {{-- <input type="hidden" name="totalamount[]"
                                                            value=" {{ $student->created_at->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') *
                                                                $feetype->pivot->amount - $sum }}">--}}
                                                            {{ $student->created_at->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') *$feetype->pivot->amount - $sum > 0 ? $student->created_at->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') *$feetype->pivot->amount - $sum : null  }}
                                                            @php

                                                                if($student->created_at->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') *$feetype->pivot->amount - $sum > 0)
                                                                {
                                                                                    $totalpayable = $totalpayable +$student->created_at->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') *
                                                                                        $feetype->pivot->amount - $sum;
                                                                }
                                                            @endphp
                                                        </td>

                                                        <input type="hidden" name="hidden_receive[]" value="{{ $student->created_at->diff(Carbon\Carbon::now()->endOfMonth())->format('%m') *
                                    $feetype->pivot->amount - $sum }}"
                                                               id="hidden_receive_{{ $key}}" class="exactreceive">
                                                        <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></td>
                                                    <td></td>
                                                    <input type="hidden" name="dueamount" value="" id="dueamount">
                                                    <input type="hidden" name="totalpayable" value="{{ $totalpayable }}" id="totalpayable">
                                                    <td class="totalamountoayable"> {{ abs($totalpayable) }}</td>

                                                    <td></td>
                                                    <td></td>
                                                    {{-- <td></td> --}}

                                                </tr>
                                                @php
                                                    // dd($student);
                                                    $olddeu = $student->olddues->isNotEmpty() ?
                                                                $student->olddues->first()->due_amount
                                                                : 0 ;
                                                    // dd($olddeu)
                                                @endphp
                                                @if($student->olddues->isNotEmpty())
                                                    <tr>

                                                        <td colspan="4" class="text-center">Old Due</td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                        <input type="hidden" name="dueamount" value="" id="dueamounnt">
                                                        <input type="hidden" name="olddeu" value="{{$olddeu }}" id="olddeu
oldadvance">
                                                        <td class="olddues"> {{ $olddeu }}</td>

                                                        <td></td>
                                                        <td></td>
                                                        {{-- <td></td> --}}

                                                    </tr>
                                                @elseif($student->olddues->isEmpty())
                                                    <input type="hidden" name="dueamount" value="{{$olddeu }}" id="dueamounnt">
                                                @endif
                                                <tr>

                                                @php
                                                    // dd($student);
                                                    $advan = $student->advances->isNotEmpty() ?
                                                                $student->advances->first()->advance_amount
                                                                : 0 ;
                                                    // dd($olddeu)
                                                @endphp
                                                @if($student->advances->isNotEmpty())
                                                    <tr>

                                                        <td colspan="4" class="text-center">Advance</td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                        {{--  <input type="hidden" name="dueamount" value="" id="dueamounnt"> --}}
                                                        <input type="hidden" name="oldadvance" value="{{$advan }}" id="oldadvance">
                                                        <td class="olddues"> {{ $advan }}</td>

                                                        <td></td>
                                                        <td></td>
                                                        {{-- <td></td> --}}

                                                    </tr>
                                                @elseif($student->advances->isEmpty())
                                                    <input type="hidden" name="oldadvance" value="{{$advan }}" id="oldadvance">
                                                @endif

                                                <td colspan="4" class="text-center">

                                                    Total Amount

                                                </td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <input type="hidden" name="" value="" id="">
                                                <input type="hidden" name="" value="" id="">
                                                <td class="totalpayablecalculate">

                                                    {{ abs($totalpayable + $olddeu - $advan) }}
                                                </td>

                                                <td></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.
                                                 {{  $advance }}

                                                 </h3> --}}

                                                <input type="radio" name="radio_auto" value="custom" class="radio"> Custom Calculation



                                            </div>
                                            <div class="row amount_discount_section">
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <h5> Amount to Pay: </h5>
                                                        <div class="controls">
                                                            <input type="number" 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=""  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=""  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" id="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" id="cheque">Cheque
                                                                    </label>
                                                                </div>
                                                                <div class="form-check-inline">
                                                                    <label class="form-check-label">
                                                                        <input type="radio" name="status" class="form-check-input" value="" id="bank">Bank
                                                                    </label>
                                                                </div>
                                                                <button type="submit" class="btn btn-success">
                                                                    Pay</button>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-group cash">
                                                                <h5> Deposited By:  </h5>
                                                                <div class="controls">
                                                                    <input type="text" name="ref_number" id=""  class="form-control">
                                                                </div>
                                                            </div>
                                                            <div class="form-group bank ">
                                                                <h5> Account Number:  </h5>
                                                                <div class="controls">
                                                                    <input type="text" name="ref_number" id=""  class="form-control">


                                                                </div>

                                                            </div>
                                                            <div class="form-group cheque">
                                                                <h5> Reference number:  </h5>
                                                                <div class="controls">
                                                                    <input type="text" name="ref_number" id=""  class="form-control">


                                                                </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>

                                    </dvi>





                                </div>

                            </div>
                            <hr>

                        </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>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>


                @endsection

                @section('script')

                    <script type="text/javascript">
                        $(document).ready(function(){
                            // focusout
                            // $(document).on('hello', '#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);





                            var theDate= new Date();
                            var currMonth = theDate.getMonth();
                            var  current = currMonth+1;
                            $('select[name="month"]').find('option[value='+current+']').attr("selected",true);


                            // $(document).on('click', '.paynow', function(){
                            // $('input[type=checkbox]').prop('checked',true);
                            $('.amount_discount_section').toggle(500);
                            $('.cash').toggle(500);
                            $('.bank').toggle(500);
                            $('.cheque').toggle(500);

                            // total = parseInt($('.totalamountoayable').html());
                            // $('#amount').val(total);
                            total = parseInt($('.totalamountoayable').html());
                            $('#totalpayable').val(total);

                            // });
                            $(document).on('click', '#cash', function(){
                                $('.cash').toggle();
                            });
                            $(document).on('click', '#bank', function(){
                                $('.bank').toggle();
                            });
                            $(document).on('click', '#cheque', function(){
                                $('.cheque').toggle();
                            });

                            $(document).on('click', '.radio', function(){
                                value = $(this).val();
                                // alert(value);
                                // if(value == "auto"){
                                // $('.amount_discount_section').hide();
                                // }
                                // if(value == "show")
                                // {
                                //   $('.amount_discount_section').show();
                                // }
                                $('.amount_discount_section').toggle(500);
                            });

                            $(document).on('change', '.month', function(){
                                // month = $(this).childern(':selected').val();
                                $('.amount_receive').html('');
                                $('input[type=checkbox]').prop('checked',true);
                                var grandtotal =0 ;
                                month = $(this).children("option:selected").val();
                                // $('#advance_month').val(month);
                                // $('.advance_month').html(month);


                                $('#constant_month').val(month);

                                var price = $("input[name='feeprice[]']") .map(function(){
                                    return $(this).val();}).get();
                                var monthdue = $("input[name='monthdue[]']") .map(function(){
                                    return $(this).val();}).get();
                                var amountfee = $("input[name='amountfee[]']") .map(function(){
                                    return $(this).val();}).get();
                                // here i am going to do custome calculation according to month
                                due = parseInt(monthdue);
                                console.log('paisa yeti month ko baaki '+ due);

                                monthgap = current - parseInt($(this).children("option:selected").val());
                                console.log(' month gap is '+monthgap);


                                monthpaying = due - parseInt(monthgap);
                                console.log('month paying'+monthpaying);



                                /* up to here i had make custome calculation

                                */

                                $.each(price, function(index, value){


                                    console.log('index is '+ index);
                                    prevemonth = parseInt(monthdue[index]);

                                    /* i have also change here
                                    */
                                    // remaindue = month - prevemonth;
                                    remaindue = monthpaying - prevemonth;
                                    remaindue = parseInt(remaindue);
                                    console.log('Month due '+index+ 'for change '+remaindue)
                                    if( remaindue < 0 )
                                    {
                                        $('#monthdues_'+index).html(Math.abs(remaindue));
                                    }
                                    if(remaindue >= 0)
                                    {
                                        $('#monthdues_'+index).html('');
                                    }

                                    // newamount = parseInt(month*value)
                                    newamount = parseInt(monthpaying*value)
                                    $('#hidden_receive_'+index).val(newamount);

                                    // $("#amountfee_"+index).html(parseInt(month*value));
                                    // $('#fee_'+index).val(month*value);

                                    $("#amountfee_"+index).html(parseInt(monthpaying*value));
                                    $('#fee_'+index).val(monthpaying*value);
                                    ;
                                    grandtotal = grandtotal + newamount;
                                    // $("#monthdue_"+index).val(totalmonth);
                                    // $("#monthdue_"+index).val(month);
                                    // console.log(grandtotal);
                                });
                                $('#advance_month').val(monthpaying);
                                $('.advance_month').html(monthpaying);
                                alert(grandtotal);
                                // $('#amount').val(grandtotal);
                                $('#totalpayable').val(grandtotal);
                                $('.totalamountoayable').html(grandtotal);
                                //calculation for total payable calulation
                                oldadvance = parseInt($('#oldadvance').val())
                                paying_amount = grandtotal + parseInt($('#olddeu').val()) -  oldadvance ;
                                // alert(' Advance amount '+oldadvance);
                                // alert(' total payable '+paying_amount);
                                $('.totalpayablecalculate').html(paying_amount);


                            });

                            var paying_amount;
                            var advance_deposite;

                            var data = $(document).on('focusout', '#amount', function(){
                                /*this code is for custome calculation by clicking checkbox
                                  later this may be used

                                */

                                // $('input[type=checkbox]').prop('checked',false);
                                //  $('.amount_receive').html('');
                                //  $(".advanceremain").html('');
                                //  $('.amountdue').html('');
                                //  $('.exactreceive').find("input[type=text], textarea").val("");
                                //  advance_deposite = {{ $advance }};
                                //  advance_deposite = parseInt(advance_deposite);
                                //  alert(advance_deposite);
                                // paying_amount =  $('#amount').val();


                                /* this portion of code is automatic calculation for  all fee
                                   even there is less or more amount
                                   */
                                var payable = $('#totalpayable').val();
                                var amount = $(this).val();
                                if(parseInt(payable) > parseInt(amount))
                                {
                                    console.log('payable '+payable);
                                    console.log('amount '+amount);
                                    // console.log('deu receive '+payable - amount);
                                    diff = payable - amount;
                                    console.log(diff);
                                    $('#dueamounnt').val(diff);
                                    $("input[name='advance_amount']").val('')
                                }
                                if (parseInt(payable) < parseInt(amount)) {
                                    // console.log('advance receive '+parseInt(amount) - parseInt(payable));
                                    diff = amount - payable;
                                    console.log(diff)
                                    $("input[name='advance_amount']")
                                        .val(diff);
                                    $('#dueamount').val('')

                                }


                            });


                            $(document).on('change', 'input[name="checkfee_id[]"]', function(){
                                if($(this).is(':checked'))
                                {
                                    $(this).prop('checked',false);
                                    var exactsum = 0;
                                    // paying_amount = data;
                                    // alert(paying_amount);
                                    // console.log('paying_amount '+ paying_amount);
                                    // alert($('.month').val());
                                    // return false;
                                    if($('.month').val() != "undefined" && $('.month').val() !== null  )
                                    {
                                        // alert('hello');
                                        monthdue = $('.month').val();
                                        alert(' month is '+monthdue)
                                    }

                                    else
                                    {
                                        monthdue =$(this).closest('tr').find('input[name= "monthdue[]"]').val();
                                    }

                                    // alert('month due is '+ monthdue);
                                    // return false;
                                    monthlyrate =$(this).closest('tr').find('input[name= "feeprice[]"]').val();

                                    paying_amount = parseInt(paying_amount) + advance_deposite;
                                    value = parseInt(monthlyrate);
                                    i = parseInt(monthdue);


                                    console.log('month due is '+monthdue);
                                    console.log('value is may be fee price '+  value);

                                    // checking where User input the number or custom
                                    console.log('our currentpaying amount '+paying_amount);
                                    // if(paying_amount != "undefined" || payment_amount != ''|| paying_amount !== undefined ||
                                    //     paying_amount == null )
                                    if($.isNumeric(paying_amount))
                                    {

                                        // alert('condition match');
                                        // return false;

                                        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_
                                                        $(this).prop('checked', true);
                                                        // $('#amount_receive_'+index).html(paidamount);
                                                        // $("#hidden_receive_"+index).val(paidamount);
                                                        $(this).closest('tr').find('.amount_receive').html(paidamount);
                                                        $(this).closest('tr').find('input[name= "hidden_receive[]"]').val(paidamount);

                                                        monthdue =$(this).closest('tr').find('input[name= "monthdue[]"]').val();
                                                        monthlyrate =$(this).closest('tr').find('input[name= "feeprice[]"]').val();

                                                        remain = (monthdue*monthlyrate)-paying_amount;
                                                        $(this).closest('tr').find('.amountdue').html(paidamount);
                                                        var calculation = $(".amount") .map(function(){
                                                            return $(this).html();}).get();

                                                        console.log(calculation);


                                                        if(action == 'break')
                                                        {

                                                            break;
                                                        }
                                                        continue top

                                                    }
                                                    else{
                                                        i--;
                                                        continue top
                                                    }

                                                }
                                                else
                                                {
                                                    break
                                                }
                                            }
                                            else {
                                                break;
                                            }

                                        }

                                    }
                                    //if paying amount is null
                                    else
                                    {
                                        // alert('here is payment amount null');
                                        // value
                                        // monthlyrate
                                        // $(this).find('').find()
                                        $(this).closest('tr').find('.amountfee').html(parseInt(monthdue) * parseInt(monthlyrate))
                                        $(this).closest('tr').find("input[name='amountfee[]'], textarea").val(parseInt(monthdue) * parseInt(monthlyrate));
                                        $(this).closest('tr').find("input[name='hidden_receive[]'], textarea").val(parseInt(monthdue) * parseInt(monthlyrate));

                                        // hidden_receive
                                        // amountfee[]
                                        var amountfee = $("input[name='amountfee[]']") .map(function(){
                                            return $(this).val();}).get();
                                        // amountfee = parseInt(amountfee)
                                        var show = 0;
                                        var diff_adv_due = 0;
                                        show = parseInt(show);
                                        $.each(amountfee, function(index, value){
                                            console.log('amount fee '+value);
                                            show = show + parseInt(value);

                                            $('.totalamountoayable').html(show);
                                            $('#totalpayable').val(show);
                                            diff_adv_due = show + parseInt($('#olddeu').val()) - parseInt($('#oldadvance').val());
                                            $('.totalpayablecalculate').html(diff_adv_due);
                                        })
                                        $(this).prop('checked',true);
                                        // diff_adv_due = show + parseInt($('#olddeu').val()) - parseInt($('#oldadvance').val());
                                        // alert('check change diff is '+diff_adv_due);
                                        // $('.totalpayablecalculate').html(diff_adv_due);
                                        // $(this).closest('tr').find()
                                    }




                                }


                                // if($(this).is(":not(:checked)"))
                                else
                                // if($(this).prop('checked', true))
                                {
                                    alert('checkbox is uncheck currently')
                                    // $(this).prop('checked', true);
                                    $(this).closest('tr').find('.amountfee').html('')
                                    $(this).closest('tr').find("input[name='amountfee[]'], textarea").val(0);
                                    $(this).closest('tr').find("input[name='hidden_receive[]'], textarea").val(null);
                                    $(this).closest('tr').find("input[name='amountfee[]'], textarea").val(0);
                                    //amountfee[]
                                    var totalcash = $("input[name='amountfee[]']") .map(function(){
                                        return $(this).val();}).get();
                                    console.log(totalcash);
                                    add = 0;
                                    add = parseInt(add);
                                    $.each(totalcash, function(index, amount){
                                        add = add + parseInt(amount);
                                        console.log('sum is '+add);
                                        $('.totalamountoayable').html(add);

                                    });
                                    // $('#amount').val(add);
                                    $('#totalpayable').val();
                                    //
                                    // alert(add);


                                }
                                payable = {{ $totalpayable }} ;

                                $(this).find('.amountdue').html(paying_amount);

                                $('.exactreceive').each(function(){
                                    exactsum += +$(this).val();

                                })

                                exactsum = parseInt(exactsum);
                                // alert('sum from receive '+exactsum);
                                // adv = paying_amount  - exactsum ;
                                adv = paying_amount  - advance_deposite ;
                                // alert(adv);
                                $('input[name="advance_amount"]').val(paying_amount);
                                $(".totalpayable").html(payable);
                                $(".advanceremain").html(adv);
                            })

                        });
                    </script>

@stop