<?= $this->extend('layout/main_layout') ?>
<?= $this->section('content') ?>
<div class="container mt-5">
    <h2 class="text-center">Payment Details</h2>

    <div class="row mt-4">
        <div class="col-md-6">
            <h4>Payment Plan</h4>
            <table class="table table-bordered">
                <tr>
                    <th>Invoice Number</th>
                    <td><?= esc($payment['invoice_number']) ?></td>
                </tr>
                <tr>
                    <th>Total Amount</th>
                    <td><?= number_format($payment['total_amount'], 2) ?></td>
                </tr>
                <tr>
                    <th>Paid Amount</th>
                    <td><?= number_format($payment['paid_amount'], 2) ?></td>
                </tr>
                <tr>
                    <th>Balance</th>
                    <td><?= number_format($payment['balance_amount'], 2) ?></td>
                </tr>
                <tr>
                    <th>Number of Installments</th>
                    <td><?= esc($payment['number_of_installments']) ?></td>
                </tr>
                <tr>
                    <th>Semester</th>
                    <td><?= esc($payment['semester']) ?></td>
                </tr>
                <tr>
                    <th>Status</th>
                    <td><?= esc($payment['status']) ?></td>
                </tr>
            </table>
        </div>

        <div class="col-md-6">
            <h4>Payment Options</h4>
            <p class="text-muted mb-0">Online payment is currently unavailable. Please contact the school office to complete payment.</p>
        </div>
    </div>
</div>
<?= $this->endSection() ?>
