
@push('css')
<style>
    .student-details .nav-tabs {
        margin-left: 10px;
    }
    /* #studentOnlineExam table.dataTable thead .sorting:after,
    #studentOnlineExam table.dataTable thead .sorting_asc:after,
    #leaves table.dataTable thead .sorting:after,
    #leaves table.dataTable thead .sorting_asc:after {
        top: 8px !important;
        left: 5px !important;
    }
    #studentOnlineExam table.dataTable thead .sorting_desc:after,
    #leaves table.dataTable thead .sorting_desc:after {
        top: 10px !important;
        left: 5px !important;
    } */
    .input-right-icon button.primary-btn-small-input {
        top: 8px !important;
        right: 12px !important;
    }
    div#table_id_wrapper {
        margin-top: 50px;
    }
    table.dataTable thead th {
    padding-left: 18px !important;
    }
</style>
@endpush 
<table id="" class="table school-table-style-parent-fees" cellspacing="0" width="100%">
      <thead>
          <tr>
              <th class="nowrap">@lang('university::un.installment') </th>
              <th class="nowrap">@lang('fees.amount') ({{@generalSetting()->currency_symbol}})</th>
              <th class="nowrap">@lang('fees.due_date') </th>
              <th class="nowrap">@lang('common.status')</th>
              <th class="nowrap">@lang('fees.mode')</th>
              <th class="nowrap">@lang('university::un.payment_date')</th>
              <th class="nowrap">@lang('fees.discount') ({{@generalSetting()->currency_symbol}})</th>
              <th class="nowrap">@lang('fees.paid') ({{@generalSetting()->currency_symbol}})</th>
              <th class="nowrap">@lang('fees.payment')</th>
          </tr>
      </thead>
      <tbody>
            @foreach($record->feesInstallments as $key=> $feesInstallment )
            <tr>
                  <td>{{@$feesInstallment->installment->title}}</td>
                  <td> 
                    @if($feesInstallment->discount_amount > 0)
                    <del>  {{currency_format($feesInstallment->amount)}}  </del>
                      {{currency_format($feesInstallment->amount - $feesInstallment->discount_amount)}}
                      @else 
                       {{currency_format($feesInstallment->amount)}}
                    @endif
                  </td>
                  <td>{{@dateConvert($feesInstallment->due_date)}}</td>
                  <td> 
                    @if($feesInstallment->active_status == 1 && $feesInstallment->paid_amount)
                    <button class="primary-btn small bg-success text-white border-0">@lang('fees.paid')</button>
                    @else 
                    <button class="primary-btn small bg-danger text-white border-0">@lang('fees.unpaid')</button>
                    @endif 
                  </td>
                  <td>
                    @if(is_null($feesInstallment->payment_mode))
                     -- 
                    @else
                     {{ $feesInstallment->payment_mode}}
                    @endif 
                    </td>
                  <td>{{@dateConvert($feesInstallment->payment_date)}}</td>
                  <td> {{currency_format($feesInstallment->discount_amount)}}</td>
                  <td> {{currency_format($feesInstallment->paid_amount)}}</td>
                  @if($feesInstallment->active_status ==1 && $feesInstallment->paid_amount)
                  <td>
                    <div class="dropdown">
                        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
                            @lang('common.select')
                        </button>
                        <div class="dropdown-menu dropdown-menu-right">
                            <a class="dropdown-item">@lang('fees.paid')</a>
                        </div>
                    </div>
                    </td>
                  @else
                  <td>

                        @php
                          $instalment_amount = $feesInstallment->amount;  
                        @endphp

                            <div class="dropdown">
                                <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
                                    @lang('common.select') 
                                </button>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <!--  Start Xendit Payment -->
                                        @if(moduleStatusCheck('XenditPayment'))
                                            <form action="{!!route('xenditpayment.feesPayment')!!}" method="POST" style="width: 100%; text-align: center">
                                                @csrf
                                                <input type="hidden" name="installment_id" id="installment_id" value="{{$feesInstallment->id}}"/>
                                                <input type="hidden" name="amount" id="amount" value="{{ discountFeesAmount($feesInstallment->id) * 1000}}"/>
                                                <input type="hidden" name="student_id" id="student_id" value="{{@$student->id}}">
                                                <input type="hidden" name="payment_mode" id="payment_mode" value="{{$payment_gateway->id}}">
                                                <input type="hidden" name="amount" id="amount" value="{{ discountFeesAmount($feesInstallment->id) * 1000}}"/>
                                                <input type="hidden" name="record_id" value="{{$record->id}}">
                                                <div class="pay">
                                                    <button class="dropdown-item razorpay-payment-button btn filled small" type="submit">
                                                        @lang('fees.pay_with_xendit')
                                                    </button>
                                                </div>
                                            </form>
                                        @endif
                                    <!--  End Xendit Payment -->

                                    <!-- Start Khalti Payment  -->
                                        @if((moduleStatusCheck('KhaltiPayment') == TRUE))
                                            @php
                                                $is_khalti = DB::table('sm_payment_gateway_settings')
                                                            ->where('gateway_name','Khalti')
                                                            ->where('school_id', Auth::user()->school_id)
                                                            ->first('gateway_publisher_key');
                                            @endphp
                                            <div class="pay">
                                                <button class="dropdown-item btn filled small khalti-payment-button" data-amount="{{discountFeesAmount($feesInstallment->id)}}" data-recordId = "{{@$record->id}}">
                                                    @lang('fees.pay_with_khalti')
                                                </button>
                                            </div>
                                        @endif
                                      
                                    <!-- End Khalti Payment  -->
                                        @if(@$data['bank_info']->active_status == 1 || @$data['cheque_info']->active_status == 1 )
                                            
                                            @if($feesInstallment->paid_amount == null && $feesInstallment->active_status == 0)
                                                <a class="dropdown-item modalLink" data-modal-size="modal-lg" title="{{@$feesInstallment->intallment->title}}"
                                                    href="{{route('university.fees-generate-modal-child',[discountFeesAmount($feesInstallment->id) ,$feesInstallment->id,$record->id])}}"> 
                                                    @lang('fees.add_bank_payment')                                      
                                                </a>
                                            @endif 

                                            @if($feesInstallment->active_status == 2)
                                                <a class="dropdown-item modalLink" data-modal-size="modal-lg"
                                                        title="{{@$feesInstallment->installment->title}}"
                                                        href="{{route('university.fees-generate-modal-bank-view',[$feesInstallment->id, $feesInstallment->record_id])}}">
                                                        @lang('fees.view_bank_payment')
                                                </a>

                                                    <a onclick="deleteId({{@$feesInstallment->id}});" class="dropdown-item" href="#" data-toggle="modal" data-target="#deleteStudentModal" data-id="{{@$feesInstallment->id}}">
                                                            @lang('fees.delete_bank_payment')
                                                    </a>
                                                   
                                            @endif 

                                        @endif

                                    <!-- Start Paypal Payment  -->
                                        @php
                                            $is_paypal = DB::table('sm_payment_methhods')
                                                        ->where('method','PayPal')
                                                        ->where('school_id', Auth::user()->school_id)
                                                        ->where('active_status',1)
                                                        ->first();
                                        @endphp
                                        @if(!empty($is_paypal) )
                                            <form method="POST" action="{{ route('studentPayByPaypal') }}" accept-charset="UTF-8" class="form-horizontal" role="form">
                                                @csrf
                                                <input type="hidden" name="installment_id" id="assign_id" value="{{$feesInstallment->id}}">
                                                <input type="hidden" name="url" id="url" value="{{URL::to('/')}}">
                                                <input type="hidden" name="real_amount" id="real_amount" value="{{discountFeesAmount($feesInstallment->id)}}">
                                                <input type="hidden" name="student_id" value="{{$student->id}}">
                                                <input type="hidden" name="record_id" value="{{@$record->id}}">
                                                <button type="submit" class=" dropdown-item">
                                                    @lang('fees.pay_with_paypal')
                                                </button>
                                            </form>
                                        @endif
                                    <!-- End Paypal Payment  -->

                                    <!-- Start Paystack Payment  -->
                                        @php
                                            $is_paystack = DB::table('sm_payment_methhods')
                                                        ->where('method','Paystack')
                                                        ->where('school_id', Auth::user()->school_id)
                                                        ->where('active_status',1)
                                                        ->first();
                                        @endphp
                                        @if(!empty($is_paystack))
                                            <form method="POST" action="{{ route('pay-with-paystack') }}" accept-charset="UTF-8" class="form-horizontal" role="form">
                                                @csrf
                                                <input type="hidden" name="installment_id" id="assign_id" value="{{$feesInstallment->id}}">
                                                @if(($student->email == ""))
                                                    <input type="hidden" name="email" value="{{ @$student->parents->guardians_email }}">
                                                @else
                                                    <input type="hidden" name="email" value="{{ auth()->user()->email }}">
                                                @endif
                                                <input type="hidden" name="orderID" value="{{$feesInstallment->id}}">
                                                <input type="hidden" name="amount" value="{{ discountFeesAmount($feesInstallment->id) * 100}}">
                                                <input type="hidden" name="quantity" value="1">
                                                <input type="hidden" name="student_id" value="{{$student->id}}">
                                                <input type="hidden" name="payment_mode" value="{{@$payment_gateway->id}}">
                                                <input type="hidden" name="reference" value="{{ Paystack::genTranxRef() }}">
                                                <input type="hidden" name="key" value="{{ @$paystack_info->gateway_secret_key }}">
                                                <input type="hidden" name="record_id" value="{{@$record->id}}">
                                                <button type="submit" class=" dropdown-item">
                                                    @lang('fees.pay_via_paystack')
                                                </button>
                                            </form>
                                        @endif
                                    <!-- End Paystack Payment  -->

                                    <!-- Start Stripe Payment  -->
                                        @php
                                            $is_stripe = DB::table('sm_payment_methhods')
                                                        ->where('method','Stripe')
                                                        ->where('active_status',1)
                                                        ->where('school_id', Auth::user()->school_id)
                                                        ->first();
                                        @endphp
                                        @if(!empty($is_stripe))
                                            <a class="dropdown-item modalLink" data-modal-size="modal-lg" title="{{@$feesInstallment->installment->title}} "
                                                href="{{route('university.feesPaymentStripe',$feesInstallment->id)}}">
                                                @lang('fees.pay_with_stripe')
                                            </a>
                                        @endif
                                    <!-- Start Stripe Payment  -->

                                    {{-- Start Xendit Payment --}}

                                    <!-- Start Razorpay Payment -->
                                        @php
                                            $is_active = DB::table('sm_payment_methhods')
                                                        ->where('method','RazorPay')
                                                        ->where('active_status',1)
                                                        ->where('school_id', Auth::user()->school_id)
                                                        ->first();
                                        @endphp
                                        @if(moduleStatusCheck('RazorPay') == TRUE and !empty($is_active))
                                            <form id="rzp-footer-form_{{$key}}" action="{!!route('razorpay/dopayment')!!}" method="POST" style="width: 100%; text-align: center">
                                                @csrf
                                                <input type="hidden" name="amount" id="amount" value="{{discountFeesAmount($feesInstallment->id) * 100}}"/>
                                                <input type="hidden" name="student_id" id="student_id" value="{{$student->id}}">
                                                <input type="hidden" name="payment_mode" id="payment_mode" value="{{$payment_gateway->id}}">
                                                <input type="hidden" name="amount" id="amount" value="{{discountFeesAmount($feesInstallment->id)}}"/>
                                                <div class="pay">
                                                    <button class="dropdown-item razorpay-payment-button btn filled small" id="paybtn_{{$key}}" type="button">
                                                        @lang('fees.pay_with_razorpay')
                                                    </button>
                                                </div>
                                            </form>
                                        @endif
                                    <!-- End Razorpay Payment -->

                                    <!-- Start Raudhahpay Payment  -->
                                        @if((moduleStatusCheck('Raudhahpay') == TRUE))
                                            <form id="xend-footer-form_{{$key}}" action="{!!route('raudhahpay.feesPayment')!!}" method="POST" style="width: 100%; text-align: center">
                                                @csrf
                                                <input type="hidden" name="amount" id="amount" value="{{discountFeesAmount($feesInstallment->id)}}"/>
                                                <input type="hidden" name="installment_id" id="assign_id" value="{{$feesInstallment->id}}">
                                                <input type="hidden" name="fees_type_id" id="fees_type_id" value="{{$feesInstallment->id}}">
                                                <input type="hidden" name="student_id" id="student_id" value="{{$student->id}}">
                                                <input type="hidden" name="record_id" id="record_id" value="{{$record->id}}">
                                                <input type="hidden" name="payment_method" id="payment_mode" value="5">
                                                <input type="hidden" name="amount" id="amount" value="{{discountFeesAmount($feesInstallment->id)}}"/>
                                                <div class="pay">
                                                    <button class="dropdown-item razorpay-payment-button btn filled small" id="paybtn_{{$key}}" type="submit">
                                                        @lang('fees.pay_with_raudhahpay')
                                                    </button>
                                                </div>
                                            </form>
                                        @endif
                                    <!-- End Raudhahpay Payment  -->
                                </div>
                            </div>

                            <!-- start razorpay code -->
                                <script src="https://checkout.razorpay.com/v1/checkout.js"></script>
                                <script>
                                    $('#rzp-footer-form_<?php echo $key; ?>').submit(function (e) {
                                        var button = $(this).find('button');
                                        var parent = $(this);
                                        button.attr('disabled', 'true').html('Please Wait...');
                                        $.ajax({
                                            method: 'get',
                                            url: this.action,
                                            data: $(this).serialize(),
                                            complete: function (r) {
                                                console.log('complete');
                                                console.log(r);
                                            }
                                        })
                                        return false;
                                    })
                                </script>
                                <script>
                                    function padStart(str) {
                                        return ('0' + str).slice(-2)
                                    }
                                    function demoSuccessHandler(transaction) {
                                        // You can write success code here. If you want to store some data in database.
                                        $("#paymentDetail").removeAttr('style');
                                        $('#paymentID').text(transaction.razorpay_payment_id);
                                        var paymentDate = new Date();
                                        $('#paymentDate').text(
                                            padStart(paymentDate.getDate()) + '.' + padStart(paymentDate.getMonth() + 1) + '.' + paymentDate.getFullYear() + ' ' + padStart(paymentDate.getHours()) + ':' + padStart(paymentDate.getMinutes())
                                        );

                                        $.ajax({
                                            method: 'post',
                                            url: "{!!url('razorpay/dopayment')!!}",
                                            data: {
                                                "_token": "{{ csrf_token() }}",
                                                "razorpay_payment_id": transaction.razorpay_payment_id,
                                                "amount": <?php echo discountFeesAmount($feesInstallment->id) * 100; ?>,
                                                "student_id": <?php echo $student->id; ?>,
                                                "record_id": <?php echo $record->id; ?>
                                            },
                                            complete: function (r) {
                                                console.log('complete');
                                                console.log(r);

                                                setTimeout(function () {
                                                    toastr.success('Operation successful', 'Success', {
                                                        "iconClass": 'customer-info'
                                                    }, {
                                                        timeOut: 2000
                                                    });
                                                }, 500);

                                                location.reload();
                                            }
                                        })
                                    }
                                </script>
                                <script>
                                    var options_<?php echo $key; ?> = {
                                        key: "{{ @$razorpay_info->gateway_secret_key }}",
                                        amount: <?php echo discountFeesAmount($feesInstallment->id) * 100; ?>,
                                        name: 'Online fee payment',
                                        image: 'https://i.imgur.com/n5tjHFD.png',
                                        handler: demoSuccessHandler
                                    }
                                </script>
                                <script>
                                    window.r_<?php echo $key; ?> = new Razorpay(options_<?php echo $key; ?>);
                                    document.getElementById('paybtn_<?php echo $key; ?>').onclick = function () {
                                        r_<?php echo $key; ?>.open()
                                    }
                                </script>
                            <!-- end razorpay code -->
                     
                    </td>
                    @endif 
            </tr>
            @endforeach

      </tbody>
  </table>