{% extends 'manager/pos/exports/_pdf_base.html.twig' %}

{% block title %}Rapport Financier {{ from|date('d/m/Y') }} - {{ to|date('d/m/Y') }}{% endblock %}

{% block extra_styles %}
    @page { size: A4 landscape; }
{% endblock %}

{% block content %}
    <div class="doc-header">
        <div class="doc-header-left">
            <div class="shop-name">{{ settings.effectiveShopName }}</div>
            <div class="company-info">{{ company.name }}</div>
        </div>
        <div class="doc-header-right">
            <div class="doc-type">RAPPORT FINANCIER</div>
            <div class="doc-date">Du {{ from|date('d/m/Y') }} au {{ to|date('d/m/Y') }}</div>
            <div class="doc-date">Edite le {{ 'now'|date('d/m/Y H:i') }}</div>
        </div>
    </div>

    {# KPIs #}
    <div class="kpi-grid">
        <div class="kpi-card">
            <div class="kpi-value" style="color: #059669;">{{ report.totalRevenue|default('0')|number_format(0, ',', ' ') }}</div>
            <div class="kpi-label">CA ({{ settings.currencySymbol }})</div>
        </div>
        <div class="kpi-card">
            <div class="kpi-value" style="color: #2563eb;">{{ report.totalTax|default('0')|number_format(0, ',', ' ') }}</div>
            <div class="kpi-label">TVA ({{ settings.currencySymbol }})</div>
        </div>
        <div class="kpi-card">
            <div class="kpi-value" style="color: #ea580c;">{{ report.totalDiscount|default('0')|number_format(0, ',', ' ') }}</div>
            <div class="kpi-label">Remises ({{ settings.currencySymbol }})</div>
        </div>
        <div class="kpi-card">
            <div class="kpi-value">{{ report.periodTotals.count|default(0) }}</div>
            <div class="kpi-label">Nb ventes</div>
        </div>
    </div>

    <div class="kpi-grid" style="margin-top: -10px;">
        <div class="kpi-card">
            <div class="kpi-value" style="color: #059669;">{{ report.periodTotals.totalPaid|default('0')|number_format(0, ',', ' ') }}</div>
            <div class="kpi-label">Encaisse ({{ settings.currencySymbol }})</div>
        </div>
        <div class="kpi-card">
            <div class="kpi-value" style="color: #dc2626;">{{ report.periodTotals.totalCredit|default('0')|number_format(0, ',', ' ') }}</div>
            <div class="kpi-label">Credit en cours ({{ settings.currencySymbol }})</div>
        </div>
        <div class="kpi-card">
            <div class="kpi-value" style="color: #dc2626;">{{ report.customerStats.totalDebt|default('0')|number_format(0, ',', ' ') }}</div>
            <div class="kpi-label">Dettes clients ({{ settings.currencySymbol }})</div>
        </div>
        <div class="kpi-card">
            <div class="kpi-value">{{ report.customerStats.withDebt|default(0) }}</div>
            <div class="kpi-label">Clients debiteurs</div>
        </div>
    </div>

    {# Payment methods #}
    {% if report.paymentMethods|default([])|length > 0 %}
        <p style="font-size: 10px; font-weight: bold; margin-bottom: 5px;">Repartition des paiements</p>
        <table class="data-table">
            <thead>
                <tr>
                    <th>Mode de paiement</th>
                    <th class="text-center">Nombre</th>
                    <th class="text-right">Montant ({{ settings.currencySymbol }})</th>
                </tr>
            </thead>
            <tbody>
                {% for method, data in report.paymentMethods %}
                    <tr>
                        <td style="text-transform: capitalize;">{{ method|replace({'_': ' '}) }}</td>
                        <td class="text-center">{{ data.count }}</td>
                        <td class="text-right font-bold">{{ data.totalAmount|number_format(0, ',', ' ') }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}

    {# Top products #}
    {% if report.topProducts|default([])|length > 0 %}
        <p style="font-size: 10px; font-weight: bold; margin-bottom: 5px; margin-top: 10px;">Top 10 produits (CA)</p>
        <table class="data-table">
            <thead>
                <tr>
                    <th>Produit</th>
                    <th class="text-center">Quantite</th>
                    <th class="text-right">CA ({{ settings.currencySymbol }})</th>
                </tr>
            </thead>
            <tbody>
                {% for p in report.topProducts %}
                    <tr>
                        <td class="font-bold">{{ p.productName }}</td>
                        <td class="text-center">{{ p.totalQty }}</td>
                        <td class="text-right font-bold">{{ p.totalRevenue|number_format(0, ',', ' ') }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}
{% endblock %}