{% if let Some(summary) = payout_summary %}
<div class="stripe-payout-summary card-muted mb-5">
    <div class="stack-row stack-row--top">
        <div>
            <h3 class="card-h">Payout Summary</h3>
            <p class="m-0 text-sm muted">
                Payouts are processed automatically via Stripe Connect.
            </p>
        </div>
        <a href="https://dashboard.stripe.com/payouts" target="_blank" rel="noopener">
            <button class="btn-secondary text-sm">View in Stripe</button>
        </a>
    </div>

    <div class="payout-stats-grid">
        <div>
            <div class="text-xs dimmed">Available Balance</div>
            <div class="amount-big">{{ summary.available }}</div>
        </div>
        <div>
            <div class="text-xs dimmed">Pending</div>
            <div class="amount-big">{{ summary.pending }}</div>
        </div>
    </div>

    {% if !stripe_payouts_enabled %}
    <div class="payouts-disabled-notice">
        Payouts are not yet enabled. Complete your Stripe account setup above.
    </div>
    {% endif %}
</div>
{% else %}
<div class="card-muted mb-5">
    <div class="stack-row">
        <div>
            <h3 class="card-h">Payout Summary</h3>
            <p class="m-0 text-sm dimmed">Unable to load balance. Check your Stripe dashboard for details.</p>
        </div>
        <a href="https://dashboard.stripe.com/payouts" target="_blank" rel="noopener">
            <button class="btn-secondary text-sm">View in Stripe</button>
        </a>
    </div>
</div>
{% endif %}