@props(['payplans','entrysession'])
<div>
    <div class="p-3 fw-bold fs-4 bg-dark text-warning"><span class="fas fa-list"></span> PAYMENT PLAN FOR {{ $entrysession->name }}</div>
    <div class="table-responsive">
        <table class="table table-bordered">
            <thead class="bg-dark text-light">
                <tr>
                    <th>#</th>
                    <th>SESSION</th>
                    <th>COURSE</th>
                    <th>PAYMENT-TYPE</th>
                    <th>AMOUNT</th>
                    <th>SAVED BY</th>
                    <th>AT</th>
                </tr>
            </thead>
            @foreach ($payplans as $index=>$pay)
                <tr>
                    <th class="bg-dark text-warning">{{ ++$index }}</th>
                    <th>{{ $pay->entrysession->name }}</th>
                    <th>{{ $pay->branch->course->name }}/{{ $pay->branch->name }}</th>
                    <td>{{ $pay->paymenttype->name }}</td>
                    <td class="amount">
                        {{ $pay->amount }}
                    </td>
                    <td class="fw-bold text-uppercase">{{ $pay->staff->fname }} {{ $pay->staff->lname }}</td>
                    <td>{{ $pay->created_at }}</td>
                </tr>
            @endforeach
        </table>
    </div>
    
</div>