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

{% block title %}Avoir {{ refund.refundNumber }}{% endblock %}

{% block content %}
    <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">AVOIR / REMBOURSEMENT</div>
            <div class="doc-number">N° {{ refund.refundNumber }}</div>
            <div class="doc-date">Date: {{ refund.createdAt|date('d/m/Y') }}</div>
            <div style="margin-top: 5px;">
                <span class="badge badge-{{ refund.statusBadgeColor }}">{{ refund.statusLabel }}</span>
            </div>
        </div>
    </div>

    <div class="info-grid">
        <div class="info-block" style="border-right: none;">
            <div class="info-block-title">Vente d'origine</div>
            <p><strong>N° :</strong> {{ refund.sale.saleNumber }}</p>
            <p><strong>Date :</strong> {{ refund.sale.createdAt|date('d/m/Y H:i') }}</p>
            <p><strong>Total original :</strong> {{ refund.sale.total|number_format(0, ',', ' ') }} {{ settings.currencySymbol }}</p>
        </div>
        <div class="info-block">
            <div class="info-block-title">Client</div>
            {% if refund.sale.customer %}
                <p><strong>{{ refund.sale.customer.fullName }}</strong></p>
                {% if refund.sale.customer.phone %}<p>Tel: {{ refund.sale.customer.phone }}</p>{% endif %}
            {% else %}
                <p>Client comptoir</p>
            {% endif %}
        </div>
    </div>

    <p style="font-size: 9px; margin-bottom: 10px;"><strong>Motif :</strong> {{ refund.reason }}</p>

    <table class="data-table">
        <thead>
            <tr>
                <th style="width: 40%;">Designation</th>
                <th class="text-center" style="width: 15%;">Quantite</th>
                <th class="text-right" style="width: 15%;">Prix unitaire</th>
                <th class="text-right" style="width: 15%;">TVA</th>
                <th class="text-right" style="width: 15%;">Total</th>
            </tr>
        </thead>
        <tbody>
            {% for line in refund.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">{{ line.taxAmount|number_format(0, ',', ' ') }}</td>
                    <td class="text-right font-bold">{{ line.total|number_format(0, ',', ' ') }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>

    <div class="clearfix">
        <div class="totals-box">
            <div class="totals-row">
                <div class="totals-label">Sous-total :</div>
                <div class="totals-value">{{ refund.subtotal|number_format(0, ',', ' ') }} {{ settings.currencySymbol }}</div>
            </div>
            <div class="totals-row">
                <div class="totals-label">TVA :</div>
                <div class="totals-value">{{ refund.taxAmount|number_format(0, ',', ' ') }} {{ settings.currencySymbol }}</div>
            </div>
            <div class="totals-row totals-total">
                <div class="totals-label">TOTAL REMBOURSE :</div>
                <div class="totals-value">{{ refund.total|number_format(0, ',', ' ') }} {{ settings.currencySymbol }}</div>
            </div>
        </div>
    </div>

    <div style="clear: both; margin-top: 20px;">
        <div style="font-size: 9px; color: #6b7280;">
            <strong>Mode de remboursement :</strong>
            {% for payment in refund.payments %}
                {{ payment.methodLabel }} : {{ payment.amount|number_format(0, ',', ' ') }} {{ settings.currencySymbol }}{% if not loop.last %}, {% endif %}
            {% endfor %}
        </div>
    </div>

    {% if refund.approved %}
        <div style="margin-top: 20px; font-size: 9px; color: #059669;">
            Approuve par {{ refund.approvedBy.fullName|default('?') }} le {{ refund.approvedAt|date('d/m/Y H:i') }}
        </div>
    {% endif %}
{% endblock %}