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

{% block title %}Facture {{ sale.saleNumber }}{% endblock %}

{% block content %}
    {# Header #}
    <div class="doc-header">
        <div class="doc-header-left">
            <div class="shop-name">{{ settings.effectiveShopName }}</div>
            <div class="company-info">
                {% if company.address %}{{ company.address }}<br>{% endif %}
                {% if company.phone %}Tel: {{ company.phone }}<br>{% endif %}
                {% if company.ninea %}NINEA: {{ company.ninea }}{% endif %}
            </div>
        </div>
        <div class="doc-header-right">
            <div class="doc-type">FACTURE</div>
            <div class="doc-number">N° {{ sale.saleNumber }}</div>
            <div class="doc-date">Date: {{ sale.createdAt|date('d/m/Y') }}</div>
        </div>
    </div>

    {# Client info #}
    <div class="info-grid">
        <div class="info-block" style="border-right: none;">
            <div class="info-block-title">Informations vente</div>
            <p><strong>N° :</strong> {{ sale.saleNumber }}</p>
            <p><strong>Date :</strong> {{ sale.createdAt|date('d/m/Y H:i') }}</p>
            {% if sale.registerSession %}<p><strong>Caisse :</strong> {{ sale.registerSession.register.name }}</p>{% endif %}
            <p><strong>Vendeur :</strong> {{ sale.seller.fullName|default('') }}</p>
        </div>
        <div class="info-block">
            <div class="info-block-title">Client</div>
            {% if sale.customer %}
                <p><strong>{{ sale.customer.fullName }}</strong></p>
                {% if sale.customer.phone %}<p>Tel: {{ sale.customer.phone }}</p>{% endif %}
                {% if sale.customer.email %}<p>{{ sale.customer.email }}</p>{% endif %}
                {% if sale.customer.address %}<p>{{ sale.customer.address }}</p>{% endif %}
            {% else %}
                <p>Client comptoir</p>
            {% endif %}
        </div>
    </div>

    {# Lines table #}
    <table class="data-table">
        <thead>
            <tr>
                <th style="width: 40%;">Designation</th>
                <th class="text-center" style="width: 10%;">Qte</th>
                <th class="text-right" style="width: 15%;">Prix unitaire</th>
                <th class="text-right" style="width: 10%;">Remise</th>
                <th class="text-right" style="width: 10%;">TVA</th>
                <th class="text-right" style="width: 15%;">Total HT</th>
            </tr>
        </thead>
        <tbody>
            {% for line in sale.lines %}
                <tr>
                    <td>
                        <strong>{{ line.productName }}</strong><br>
                        <span style="font-size: 8px; color: #9ca3af;">{{ line.productSku }}</span>
                    </td>
                    <td class="text-center">{{ line.quantity }}</td>
                    <td class="text-right">{{ line.unitPrice|number_format(0, ',', ' ') }}</td>
                    <td class="text-right">{% if line.discountAmount > 0 %}-{{ line.discountAmount|number_format(0, ',', ' ') }}{% else %}-{% endif %}</td>
                    <td class="text-right">{{ line.taxAmount|number_format(0, ',', ' ') }}</td>
                    <td class="text-right font-bold">{{ line.total|number_format(0, ',', ' ') }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>

    {# Totals #}
    <div class="clearfix">
        <div class="totals-box">
            <div class="totals-row">
                <div class="totals-label">Sous-total HT :</div>
                <div class="totals-value">{{ sale.subtotal|number_format(0, ',', ' ') }} {{ settings.currencySymbol }}</div>
            </div>
            {% if sale.discountAmount > 0 %}
                <div class="totals-row">
                    <div class="totals-label">Remise :</div>
                    <div class="totals-value">-{{ sale.discountAmount|number_format(0, ',', ' ') }} {{ settings.currencySymbol }}</div>
                </div>
            {% endif %}
            <div class="totals-row">
                <div class="totals-label">TVA ({{ settings.taxRate }}%) :</div>
                <div class="totals-value">{{ sale.taxAmount|number_format(0, ',', ' ') }} {{ settings.currencySymbol }}</div>
            </div>
            <div class="totals-row totals-total">
                <div class="totals-label">TOTAL TTC :</div>
                <div class="totals-value">{{ sale.total|number_format(0, ',', ' ') }} {{ settings.currencySymbol }}</div>
            </div>
        </div>
    </div>

    <div style="clear: both; margin-top: 30px;">
        <div style="font-size: 9px; color: #6b7280;">
            <strong>Paiement(s) :</strong>
            {% for payment in sale.payments %}
                {{ payment.methodLabel }} : {{ payment.amount|number_format(0, ',', ' ') }} {{ settings.currencySymbol }}{% if not loop.last %}, {% endif %}
            {% endfor %}
        </div>
        {% if sale.paymentStatus == 'credit' or sale.paymentStatus == 'partial' %}
            <div style="font-size: 9px; color: #dc2626; margin-top: 5px; font-weight: bold;">
                Solde restant : {{ (sale.total - sale.amountPaid)|number_format(0, ',', ' ') }} {{ settings.currencySymbol }}
            </div>
        {% endif %}
    </div>

    {% if settings.receiptFooter %}
        <div style="margin-top: 30px; text-align: center; font-size: 9px; color: #6b7280;">
            {{ settings.receiptFooter }}
        </div>
    {% endif %}
{% endblock %}