@extends('layouts.applicant-layout', ['pageTitle' => 'Applicant Home'])

@section('main-content')
    <section class="main-content-section">
        <div class="row">
            <div class="col-md-8 mx-auto">
                <div class="card card-bordered h-100">
                    <div class="card-inner">
                        <div class="card-head">
                            <h2 class="page-title-secondary text-danger">Payment Summary</h2>
                        </div>

                        <div class="card-body card-dashboard">
                            <form id="fees-breakdown-form" action="{{ route('application.payment_online', ['application' => $applicationEntry->id ]) }}" method="POST">
                                @csrf
                                <table class="table table-bordered table-responsive" style="width:100%">
                                    <thead class="thead-dark">
                                    <tr>
                                        <th>S/N</th>
                                        <th>Item</th>
                                        <th>Amount</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($demandNotices as $n => $entryNotice)
                                        <tr>
                                            <td>{{$n += 1}}</td>
                                            <td class="nk-tb-col">{{ $entryNotice->item }}</td>
                                            <td class="nk-tb-col">{{ number_format($entryNotice->amount, 2) }}</td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                    <tfoot>
                                    <tr id="total_row">
                                        <th></th>
                                        <th class="text-right">Total:</th>
                                        <th id="total_amount" class="naira-prefix"> {{ number_format($totalAmount, 2) }}</th>
                                    </tr>
                                    </tfoot>
                                </table>
                                <div class="text-center">
                                    <button class="btn btn-warning mt-4 text-center">Pay Online</button>
                                    <a href="{{ route('application.payment_inbank', ['application' => $applicationEntry->id  ]) }}" class="btn btn-primary mt-4 text-center">Pay in Bank</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection