@extends('user.layouts.app-newui')

@section('content')
 
<div class="main-card text-center">
    <h1 class="text-center mb-5 page_title">Invoices & Receipts</h1>
     
    <p class="text-muted mx-auto mb-5 col-11 col-md-10 col-lg-10">
        This page provides you with secure and convenient access to all billing-related documents. Here, you can view and download your invoices and payment receipts at any time for your personal records or administrative needs. If you have any outstanding payments, you may also complete them safely through this platform.
    </p>
 
    <p class="text-muted mx-auto mb-5 col-11 col-md-10 col-lg-10">
        All transactions and documents are handled with accuracy, confidentiality, and security.<br/>For any questions or assistance regarding your invoices, receipts, or payments, <a href="contact">please contact us</a>.
    </p>
 
    <table class="doc-table">

        <tr>
            <td>Registration Fee Invoice</td>
            <td><div class="icon-btn"><i class="fa fa-download"></i></div></td>
        </tr>

        <tr>
            <td>Registration Fee Payment Receipt</td>
            <td><div class="icon-btn"><i class="fa fa-download"></i></div></td>
        </tr>

        <tr>
            <td colspan="2">
                Program Fee Payment - Still Pending<br><br>
                <div class="d-flex flex-wrap gap-2 justify-content-center">
                    <button class="btn btn-info me-2">Download Payment Instructions</button>
                    <button class="btn btn-info">Pay Via Stripe</button>
                </div>
            </td>
        </tr>

        <tr>
            <td>Program Fee Payment Receipt</td>
            <td><i class="fa fa-spinner fa-spin"></i></td>
        </tr>

        <tr><td>&nbsp;</td><td></td></tr>
        <tr><td>&nbsp;</td><td></td></tr>

    </table> 
 </div>
 
@endsection