{% extends 'emails/base_email.html.twig' %}

{% block email_title %}Inventaire {{ inventory.reference }} valide{% endblock %}

{% block preheader %}L'inventaire {{ inventory.reference }} a ete valide et les stocks ont ete ajustes{% endblock %}

{% block email_content %}
    <!-- Titre principal -->
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0 0 20px 0;">
        <tr>
            <td align="center" style="padding: 20px; background-color: #f0fdf4; border-radius: 6px;">
                <h1 style="margin: 0; font-size: 24px; font-weight: bold; color: #166534;">
                    Inventaire valide
                </h1>
                <p style="margin: 10px 0 0 0; font-size: 16px; color: #16a34a;">
                    {{ inventory.reference }}
                </p>
            </td>
        </tr>
    </table>

    <!-- Message principal -->
    <p style="margin: 0 0 15px 0;">
        Bonjour <strong>{{ recipient.firstName }} {{ recipient.lastName }}</strong>,
    </p>

    <p style="margin: 0 0 20px 0;">
        L'inventaire <strong>{{ inventory.reference }}</strong> a ete valide{% if inventory.validatedBy %} par <strong>{{ inventory.validatedBy.fullName }}</strong>{% endif %} le {{ inventory.validatedAt|date('d/m/Y a H:i') }}. Les stocks ont ete ajustes en consequence.
    </p>

    <!-- Resume -->
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0 0 25px 0; background-color: #f0fdf4; border-left: 4px solid #16a34a; border-radius: 4px;">
        <tr>
            <td style="padding: 20px;">
                <h3 style="margin: 0 0 15px 0; font-size: 18px; font-weight: bold; color: #166534;">
                    Resume de l'inventaire
                </h3>

                <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td style="padding: 5px 0; font-size: 14px; color: #4b5563;">
                            <strong>Type :</strong> {{ inventory.typeLabel }}
                        </td>
                    </tr>
                    <tr>
                        <td style="padding: 5px 0; font-size: 14px; color: #4b5563;">
                            <strong>Produits comptes :</strong> {{ inventory.countedProducts }}/{{ inventory.totalProducts }}
                        </td>
                    </tr>
                    <tr>
                        <td style="padding: 5px 0; font-size: 14px; color: #4b5563;">
                            <strong>Ecarts detectes :</strong>
                            {% if inventory.discrepancyCount > 0 %}
                                <span style="color: #dc2626; font-weight: bold;">{{ inventory.discrepancyCount }}</span>
                            {% else %}
                                <span style="color: #16a34a;">Aucun</span>
                            {% endif %}
                        </td>
                    </tr>
                    {% if inventory.discrepancyCount > 0 %}
                        <tr>
                            <td style="padding: 5px 0; font-size: 14px; color: #4b5563;">
                                <strong>Valeur des ecarts :</strong>
                                <span style="color: #dc2626; font-weight: bold;">{{ inventory.discrepancyValue }}</span>
                            </td>
                        </tr>
                    {% endif %}
                    <tr>
                        <td style="padding: 5px 0; font-size: 14px; color: #4b5563;">
                            <strong>Cree par :</strong> {{ inventory.createdBy.fullName|default('?') }}
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

    {% if inventory.discrepancyCount > 0 %}
        <!-- Avertissement ecarts -->
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0 0 25px 0; background-color: #fffbeb; border-left: 4px solid #f59e0b; border-radius: 4px;">
            <tr>
                <td style="padding: 15px; font-size: 14px; color: #78350f;">
                    <p style="margin: 0 0 8px 0;">
                        <strong style="color: #92400e;">Information</strong>
                    </p>
                    <p style="margin: 0; line-height: 1.6;">
                        {{ inventory.discrepancyCount }} ajustement{{ inventory.discrepancyCount > 1 ? 's' : '' }} de stock {{ inventory.discrepancyCount > 1 ? 'ont ete appliques' : 'a ete applique' }}.
                        Consultez le detail de l'inventaire pour plus d'informations.
                    </p>
                </td>
            </tr>
        </table>
    {% endif %}

    <!-- Bouton -->
    <table role="presentation" cellspacing="0" cellpadding="0" border="0" style="margin: 0 auto 25px auto;">
        <tr>
            <td align="center" style="border-radius: 6px; background-color: #166534;">
                <a href="{{ show_url }}"
                   target="_blank"
                   style="display: inline-block; padding: 14px 28px; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none; border-radius: 6px; background-color: #166534;">
                    Voir l'inventaire
                </a>
            </td>
        </tr>
    </table>
{% endblock %}