<%- include('../layouts/header.ejs') %>
<%- include('../layouts/navbar.ejs', { client: client }) %>

<section class="auth-page">

    <div class="auth-card">

        <h1>Payment Submitted</h1>

        <p>
            Your payment has been recorded successfully.
        </p>

        <p>
            Receipt:
            <strong><%= payment.receipt_number %></strong>
        </p>

        <p>
            Amount:
            <strong>$<%= payment.amount_paid %></strong>
        </p>

        <p>
            Status:
            <strong><%= payment.payment_status %></strong>
        </p>

        <a
            href="/client/payments/receipt/<%= payment.id %>"
            class="primary-btn"
        >
            View Receipt
        </a>

        <a
            href="<%= receiptPdf %>"
            class="primary-btn"
            download
        >
            Download PDF Receipt
        </a>

        <br><br>

        <a href="/client/account/payments">
            Back to Payments
        </a>

    </div>

</section>

<%- include('../layouts/footer.ejs') %>