{% extends 'web/admin/base.html' %}

{% block admin_title %}Cash & finance{% endblock %}
{% block admin_subtitle %}Finance entries, daily profit, and today’s expenses{% endblock %}

{% block admin_content %}
<div class="row g-3 mb-4">
    <div class="col-md-4">
        <div class="card border-0 shadow-sm rounded-4">
            <div class="card-body">
                <small class="text-muted">Expenses today (logged)</small>
                <h3 class="fw-bold text-danger mb-0">{{ currency }} {{ "{:,.0f}".format(today_expenses) }}</h3>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card border-0 shadow-sm rounded-4">
            <div class="card-body">
                <small class="text-muted">Cash sales today</small>
                <h3 class="fw-bold mb-0">{{ currency }} {{ "{:,.0f}".format(cash_sales) }}</h3>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card border-0 shadow-sm rounded-4">
            <div class="card-body">
                <small class="text-muted">Card / bank today</small>
                <h3 class="fw-bold mb-0">{{ currency }} {{ "{:,.0f}".format(bank_sales) }}</h3>
            </div>
        </div>
    </div>
</div>

<div class="row g-4">
    <div class="col-lg-6">
        <div class="card border-0 shadow-sm rounded-4 overflow-hidden h-100">
            <div class="card-header bg-white py-3 border-bottom">
                <h5 class="mb-0 fw-bold">Finance entries (cash book)</h5>
                <small class="text-muted">Latest synced payments</small>
            </div>
            <div class="table-responsive">
                <table class="table table-hover table-sm mb-0 align-middle">
                    <thead class="table-light">
                        <tr>
                            <th>Date</th>
                            <th>Type</th>
                            <th>Party</th>
                            <th class="text-end">Amount</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for f in recent_finance %}
                        <tr>
                            <td class="small">{{ f.date.strftime('%d %b %Y') if f.date else '—' }}</td>
                            <td><span class="badge bg-light text-dark">{{ f.txn_type or '—' }}</span></td>
                            <td class="small">{{ f.party_name or '—' }}</td>
                            <td class="text-end fw-bold">{{ currency }} {{ "{:,.0f}".format(f.amount) }}</td>
                        </tr>
                        {% else %}
                        <tr><td colspan="4" class="text-center text-muted py-4">No finance rows yet.</td></tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="card border-0 shadow-sm rounded-4 overflow-hidden h-100">
            <div class="card-header bg-white py-3 border-bottom">
                <h5 class="mb-0 fw-bold">Daily profit (manual)</h5>
                <small class="text-muted">Recent entries from POS</small>
            </div>
            <div class="table-responsive">
                <table class="table table-hover table-sm mb-0 align-middle">
                    <thead class="table-light">
                        <tr>
                            <th>Date</th>
                            <th class="text-end">Sale</th>
                            <th class="text-end">Profit</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for dp in daily_profit_rows %}
                        <tr>
                            <td class="small">{{ dp.date.strftime('%d %b %Y') if dp.date else '—' }}</td>
                            <td class="text-end">{{ currency }} {{ "{:,.0f}".format(dp.sale_amount or 0) }}</td>
                            <td class="text-end fw-bold text-success">{{ currency }} {{ "{:,.0f}".format(dp.profit or 0) }}</td>
                        </tr>
                        {% else %}
                        <tr><td colspan="3" class="text-center text-muted py-4">No daily profit rows.</td></tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
{% endblock %}