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

{% block title %}Rapport Ventes {{ 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 DES VENTES</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">{{ report.periodTotals.count|default(0) }}</div>
            <div class="kpi-label">Ventes</div>
        </div>
        <div class="kpi-card">
            <div class="kpi-value">{{ report.periodTotals.totalAmount|default('0')|number_format(0, ',', ' ') }}</div>
            <div class="kpi-label">Chiffre d'affaires ({{ settings.currencySymbol }})</div>
        </div>
        <div class="kpi-card">
            <div class="kpi-value">{{ report.periodTotals.totalTax|default('0')|number_format(0, ',', ' ') }}</div>
            <div class="kpi-label">TVA ({{ settings.currencySymbol }})</div>
        </div>
        <div class="kpi-card">
            <div class="kpi-value">{{ report.periodTotals.totalDiscount|default('0')|number_format(0, ',', ' ') }}</div>
            <div class="kpi-label">Remises ({{ settings.currencySymbol }})</div>
        </div>
    </div>

    {# Daily breakdown #}
    {% if report.dailyStats|default([])|length > 0 %}
        <p style="font-size: 10px; font-weight: bold; margin-bottom: 5px;">Ventes par jour</p>
        <table class="data-table">
            <thead>
                <tr>
                    <th>Date</th>
                    <th class="text-center">Nb ventes</th>
                    <th class="text-right">CA ({{ settings.currencySymbol }})</th>
                </tr>
            </thead>
            <tbody>
                {% for day in report.dailyStats %}
                    <tr>
                        <td>{{ day.dateLabel }}</td>
                        <td class="text-center">{{ day.count }}</td>
                        <td class="text-right font-bold">{{ day.totalAmount|default('0')|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 produits</p>
        <table class="data-table">
            <thead>
                <tr>
                    <th>Produit</th>
                    <th>SKU</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>{{ p.productSku }}</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 %}

    {# Payment methods #}
    {% if report.paymentMethods|default([])|length > 0 %}
        <p style="font-size: 10px; font-weight: bold; margin-bottom: 5px; margin-top: 10px;">Modes de paiement</p>
        <table class="data-table">
            <thead>
                <tr>
                    <th>Mode</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 %}
{% endblock %}