@php 
$total_fees = 0;
$total_due = 0;
$total_paid = 0;
$total_disc = 0;
$balance_fees = 0;
@endphp

<x-table>
    <table id="" class="table school-table-style-parent-fees" cellspacing="0" width="100%">
        <thead>
          <tr>
              <td class="text-right" colspan="14">
                  <a class="primary-btn small fix-gr-bg modalLink text-right" data-modal-size="modal-lg" title="@lang('fees.add_fees')" href="{{route('student-direct-fees-total-payment', [$record->id])}}" >  <i class="ti-plus pr-2"> </i> @lang('fees.add_fees') </a>
              </td>
          </tr>
            <tr>
              <th class="nowrap">@lang('fees.installment') </th>
              <th class="nowrap">@lang('fees.amount') ({{@generalSetting()->currency_symbol}})</th>
              <th class="nowrap">@lang('common.status')</th>
              <th class="nowrap">@lang('fees.due_date') </th>
              <th class="nowrap">@lang('fees.payment_ID')</th>
              <th class="nowrap">@lang('fees.mode')</th>
              <th class="nowrap">@lang('fees.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.balance')</th>
              <th class="nowrap">@lang('common.action')</th>
            </tr>
        </thead>
        <tbody>
          @foreach($record->directFeesInstallments as $key=> $feesInstallment)
          @php 
          $total_fees += discount_fees($feesInstallment->amount , $feesInstallment->discount_amount); 
          $total_paid += $feesInstallment->paid_amount;
          $total_disc += $feesInstallment->discount_amount;
          $balance_fees += discount_fees($feesInstallment->amount , $feesInstallment->discount_amount) - ( $feesInstallment->paid_amount );
          @endphp 
              <tr>
                  <td>{{@$feesInstallment->installment->title}}</td>
                  <td> 
                      @if($feesInstallment->discount_amount > 0)
                        <del>  {{$feesInstallment->amount}}  </del>
                        {{$feesInstallment->amount - $feesInstallment->discount_amount}}
                      @else 
                       {{$feesInstallment->amount}}
                      @endif 
                    </td>
                    <td>
                        <button class="primary-btn small {{fees_payment_status($feesInstallment->amount, $feesInstallment->discount_amount , $feesInstallment->paid_amount , $feesInstallment->active_status )[1]}} text-white border-0">{{fees_payment_status($feesInstallment->amount,$feesInstallment->discount_amount,$feesInstallment->paid_amount,$feesInstallment->active_status )[0]}}</button> 
                    </td>
                  <td>{{@dateConvert($feesInstallment->due_date)}}</td>
                  <td>
                    
                  </td>
                  
                  <td>
                      
                  </td>
                 
                <td>
                     
                </td>
                <td> {{$feesInstallment->discount_amount}}</td>
                <td>
                    {{$feesInstallment->paid_amount}}
                </td>
                   
                <td>
                    {{ discount_fees($feesInstallment->amount,$feesInstallment->discount_amount) - ( $feesInstallment->paid_amount ) }} </td>
  
                    @if ( discount_fees($feesInstallment->amount,$feesInstallment->discount_amount) - ( $feesInstallment->paid_amount ) ==0 )
                    <td>
                      <div class="dropdown CRM_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 CRM_dropdown">
                                  <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
                                      @lang('common.select') 
                                  </button>
                                  <div class="dropdown-menu dropdown-menu-right">
                                     
                                        @if(@$data['bank_info']->active_status == 1 || @$data['cheque_info']->active_status == 1 )
        
                                            @if( $feesInstallment->active_status != 1)
                                                <a class="dropdown-item modalLink" data-modal-size="modal-lg" title=" @lang('fees.add_payment') {{@$feesInstallment->installment->title}}"
                                                    href="{{route('direct-fees-generate-modal-child', [directFees($feesInstallment->id),$feesInstallment->id,$feesInstallment->record_id ])}}"> 
                                                    @lang('fees.add_payment')                                      
                                                </a>
                                            @endif
                                        @endif 
                             
                                  </div>
                              </div>
  
                              <!-- start razorpay code -->
                                  <script src="https://checkout.razorpay.com/v1/checkout.js"></script>
                                  <script>
                                      $('#rzp-footer-form_').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":