@props(['payments','tuitionfees'])
<div id="StudentPaymentsContainer">
    <div class="table-responsive">
        <table class="table table-bordered table-striped table-condenced table-sm" style="font-size: 1em;">
            <thead class="bg-dark text-secondary">
                <tr>
                    <th></th>
                    <th>#</th>
                    <th>SESSION</th>
                    <th>YEAR</th>
                    <th>SEM</th>
                    <th>PAYMENT-TYPE</th>
                    <th>AMOUNT</th>
                    <th>PAY-PLAN</th>
                    <th>CONFIRMED</th>
                    <th>APPROVED BY</th>
                    <th>RECORD-DATE</th>
                </tr>
            </thead>
            @forelse ($payments as $index=>$payment)
                <tr>
                    <th class="text-center vertical-align text-success">
                        @if (!($payment->confirmed))
                            <span class="fas fa-times-circle fs-4 text-danger"></span>
                            @else
                            <span class="fas fa-check-circle fs-4 text-success"></span>
                        @endif
                    </th>
                    <th class="bg-dark text-warning">{{ ++$index }}</th>
                    <td>
                        {{ $payment->registration->entrysession->name }}
                    </td>
                    <td>
                        {{ $payment->registration->year }}
                    </td>
                    <td>
                        {{ $payment->registration->semester }}
                    </td>
                    
                    <th>
                        {{ $payment->paymenttype->name }}
                    </th>
                    <td class="bg-primary fw-bold">{{ $payment->amount }}</td>
                    <td class="bg-primary fw-bold text-danger">{{ $payment->payplan->amount }}</td>
                    <td>
                        @if ($payment->confirmed)
                            YES
                            @else
                            NO
                        @endif
                    </td>
                    <td class="bg-light">
                        <table class="table table-condenced table-sm table-bordered border-primary">
                            @forelse ($payment->paymentconfirmation as $pc)
                                <tr>
                                    <th>{{ $pc->regapprovaltype->name }}</th>
                                    <td>{{ $pc->staff->fname }}</td>
                                    <td>{{ $pc->approved?'APPROVED':'DENIED' }}</td>

                                </tr>
                            @empty
                                
                            @endforelse
                        </table>
                    </td>
                    <td class="fw-bolder text-danger">
                        {{ $payment->created_at }}
                    </td>
                </tr>
                @empty
                
            @endforelse
        </table>
        <div class="p-3 bg-dark text-secondary fw-bold fs-4">
            <span class="fas fa-history"></span> PAYMENT SUMMARY /SESSION
        </div>
       @empty($tuitionfees)
            <div>NO CONFIRMED PAYMENTS YET!</div>
            @else
            
                <table class="table table-striped table-warning">
                    <thead>
                        <tr>
                            <th>TYPE</th>
                            <th>SESSION</th>
                            <th>TOTAL</th>
                            <th>PPLAN</th>
                            <th>PENDING</th>
                        </tr>
                    </thead>
                    @foreach ($tuitionfees as $tf)
                    <tr>
                        <th>{{ $tf->paymenttype->name }}</th>
                        <th>{{ $tf->entrysession }}</th>
                        <td>{{ $tf->total }}</td>
                        <td class="fw-bold">{{ $tf->planamount }}</td>
                        <td class="fw-bold text-primary">{{ $tf->planamount?($tf->planamount-$tf->total):'' }}</td>
                    </tr>
                    @endforeach
                </table>
       @endempty
    </div>
</div>