@extends('backend.layouts.app')

@section('content')
<div class="container">
    <div class="page-header mb-4 d-flex justify-content-between align-items-center">
        <h4 class="mb-0">Balance Sheet</h4>
        <span class="text-muted">As of {{ date('F d, Y') }}</span>
    </div>

    <div class="row">
        <!-- Assets -->
        <div class="col-md-6">
            <div class="card shadow-sm mb-4">
                <div class="card-header bg-primary text-white fw-bold">
                    Assets
                </div>
                <div class="card-body">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item d-flex justify-content-between">
                            <span>Cash & Bank (Paid Income)</span>
                            <strong>{{ number_format($totalCash, 2) }}</strong>
                        </li>

                        <li class="list-group-item d-flex justify-content-between">
                            <span>Receivables (Unpaid Donations, Subscriptions & Member Fees)</span>
                            <strong>{{ number_format($totalReceivables ?? 0, 2) }}</strong>
                        </li>

                        <li class="list-group-item d-flex justify-content-between">
                            <span>Fixed Assets (e.g., Equipment)</span>
                            <strong>{{ number_format($fixedAssets, 2) }}</strong>
                        </li>

                        <li class="list-group-item d-flex justify-content-between border-top">
                            <strong>Total Assets</strong>
                            <strong>{{ number_format($totalAssets, 2) }}</strong>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- Liabilities and Equity -->
        <div class="col-md-6">
            <div class="card shadow-sm mb-4">
                <div class="card-header bg-danger text-white fw-bold">
                    Liabilities
                </div>
                <div class="card-body">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item d-flex justify-content-between">
                            <span>Unpaid Donation Requests</span>
                            <strong>{{ number_format($unpaidDonationRequests, 2) }}</strong>
                        </li>
                        <li class="list-group-item d-flex justify-content-between">
                            <span>Other Payables</span>
                            <strong>{{ number_format($otherLiabilities, 2) }}</strong>
                        </li>
                        <li class="list-group-item d-flex justify-content-between border-top">
                            <strong>Total Liabilities</strong>
                            <strong>{{ number_format($totalLiabilities, 2) }}</strong>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="card shadow-sm">
                <div class="card-header bg-success text-white fw-bold">
                    Equity (Net Worth)
                </div>
                <div class="card-body">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item d-flex justify-content-between">
                            <span>Retained Earnings</span>
                            <strong>{{ number_format($retainedEarnings, 2) }}</strong>
                        </li>
                        <li class="list-group-item d-flex justify-content-between border-top">
                            <strong>Total Equity</strong>
                            <strong>{{ number_format($totalEquity, 2) }}</strong>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection