<?php $this->start('body'); ?>

<div class="d-flex align-items-center justify-content-between mb-3">
    <h5 class="mb-0" style="font-weight:600;color:#4a3f36;"><i class="fas fa-book-open me-2" style="color:#c9a875;"></i>Financial Statements</h5>
</div>

<div class="row g-3">
    <div class="col-md-4">
        <a href="<?= PROOT; ?>FinancialStatements/trialBalance" class="text-decoration-none">
            <div class="card border-0 shadow-sm h-100" style="border-left:4px solid #c9a875 !important;background:#faf6f0;">
                <div class="card-body p-3">
                    <div style="font-weight:700;font-size:1.05rem;color:#4a3f36;"><i class="fas fa-balance-scale-right me-2" style="color:#c9a875;"></i>Trial Balance</div>
                    <div class="mt-2" style="font-size:.82rem;color:#7a6f63;">Every GL account with debit + credit totals as at a chosen date. First stop when the books look wrong.</div>
                </div>
            </div>
        </a>
    </div>
    <div class="col-md-4">
        <a href="<?= PROOT; ?>FinancialStatements/balanceSheet" class="text-decoration-none">
            <div class="card border-0 shadow-sm h-100" style="border-left:4px solid #7a9e6e !important;background:#faf6f0;">
                <div class="card-body p-3">
                    <div style="font-weight:700;font-size:1.05rem;color:#4a3f36;"><i class="fas fa-columns me-2" style="color:#7a9e6e;"></i>Balance Sheet</div>
                    <div class="mt-2" style="font-size:.82rem;color:#7a6f63;">Assets vs Liabilities + Equity as at a chosen date. Shows retained earnings YTD.</div>
                </div>
            </div>
        </a>
    </div>
    <div class="col-md-4">
        <a href="<?= PROOT; ?>FinancialStatements/profitAndLoss" class="text-decoration-none">
            <div class="card border-0 shadow-sm h-100" style="border-left:4px solid #b56b58 !important;background:#faf6f0;">
                <div class="card-body p-3">
                    <div style="font-weight:700;font-size:1.05rem;color:#4a3f36;"><i class="fas fa-chart-line me-2" style="color:#b56b58;"></i>Profit &amp; Loss</div>
                    <div class="mt-2" style="font-size:.82rem;color:#7a6f63;">Revenue &minus; Cost of Sales &minus; Operating expenses for a period. Gross &amp; net margin.</div>
                </div>
            </div>
        </a>
    </div>
</div>

<?php $this->end(); ?>
