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

{% block title %}Rapport Stock{% 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 STOCKS</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.productStats.total|default(0) }}</div>
            <div class="kpi-label">Produits actifs</div>
        </div>
        <div class="kpi-card">
            <div class="kpi-value">{{ report.stockValuation.totalValue|default('0')|number_format(0, ',', ' ') }}</div>
            <div class="kpi-label">Valeur stock ({{ settings.currencySymbol }})</div>
        </div>
        <div class="kpi-card">
            <div class="kpi-value" style="color: #ea580c;">{{ report.lowStockProducts|length }}</div>
            <div class="kpi-label">Stock bas</div>
        </div>
        <div class="kpi-card">
            <div class="kpi-value" style="color: #dc2626;">{{ report.outOfStockProducts|length }}</div>
            <div class="kpi-label">Ruptures</div>
        </div>
    </div>

    {# Out of stock #}
    {% if report.outOfStockProducts|length > 0 %}
        <p style="font-size: 10px; font-weight: bold; margin-bottom: 5px; color: #dc2626;">Ruptures de stock ({{ report.outOfStockProducts|length }})</p>
        <table class="data-table">
            <thead>
                <tr>
                    <th>Produit</th>
                    <th>SKU</th>
                    <th class="text-center">Stock</th>
                </tr>
            </thead>
            <tbody>
                {% for product in report.outOfStockProducts %}
                    <tr>
                        <td class="font-bold">{{ product.name }}</td>
                        <td>{{ product.sku }}</td>
                        <td class="text-center" style="color: #dc2626; font-weight: bold;">{{ product.currentStock }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}

    {# Low stock #}
    {% set allLow = report.criticalStockProducts|merge(report.lowStockProducts) %}
    {% if allLow|length > 0 %}
        <p style="font-size: 10px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; color: #ea580c;">Stock critique et bas ({{ allLow|length }})</p>
        <table class="data-table">
            <thead>
                <tr>
                    <th>Produit</th>
                    <th>SKU</th>
                    <th class="text-center">Stock actuel</th>
                </tr>
            </thead>
            <tbody>
                {% for product in allLow %}
                    <tr>
                        <td class="font-bold">{{ product.name }}</td>
                        <td>{{ product.sku }}</td>
                        <td class="text-center" style="color: #ea580c; font-weight: bold;">{{ product.currentStock }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}

    {# Movement stats #}
    {% if report.movementStats|default([])|length > 0 %}
        <p style="font-size: 10px; font-weight: bold; margin-bottom: 5px; margin-top: 10px;">Mouvements de stock</p>
        <table class="data-table">
            <thead>
                <tr>
                    <th>Type</th>
                    <th class="text-center">Nombre</th>
                    <th class="text-center">Quantite totale</th>
                </tr>
            </thead>
            <tbody>
                {% for stat in report.movementStats %}
                    <tr>
                        <td style="text-transform: capitalize;">{{ stat.type|replace({'_': ' '}) }}</td>
                        <td class="text-center">{{ stat.count }}</td>
                        <td class="text-center">{{ stat.totalQuantity }}</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    {% endif %}
{% endblock %}