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

{% block email_title %}Stock faible - {{ system_name }}{% endblock %}

{% block preheader %}{{ product.name }} est sous son seuil d'alerte ({{ currentStock }}/{{ threshold }}){% endblock %}

{% block email_content %}
    <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: #fff7ed; border-radius: 6px;">
                <h1 style="margin: 0; font-size: 24px; font-weight: bold; color: #b45309;">
                    ⚠️ Stock faible
                </h1>
                <p style="margin: 10px 0 0 0; font-size: 16px; color: #d97706;">
                    Un produit doit être réapprovisionné
                </p>
            </td>
        </tr>
    </table>

    <p style="margin: 0 0 15px 0;">Bonjour,</p>

    <p style="margin: 0 0 20px 0;">
        Le stock du produit ci-dessous est passé <strong>au niveau ou en dessous de son seuil
        d'alerte</strong> dans la boutique <strong>{{ company.name }}</strong>
        le {{ timestamp|date('d/m/Y à H:i') }}.
    </p>

    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 0 0 25px 0; background-color: #fff7ed; border-left: 4px solid #d97706; border-radius: 6px; overflow: hidden;">
        <tr>
            <td style="padding: 20px;">
                <h3 style="margin: 0 0 10px 0; font-size: 20px; font-weight: bold; color: #b45309;">
                    📦 {{ product.name }}
                </h3>
                {% if product.sku %}
                    <p style="margin: 0 0 8px 0; color: #92400e;">Référence : {{ product.sku }}</p>
                {% endif %}
                <p style="margin: 0; font-size: 16px; color: #92400e;">
                    Stock actuel : <strong>{{ currentStock }}</strong> &nbsp;·&nbsp;
                    Seuil d'alerte : <strong>{{ threshold }}</strong>
                </p>
            </td>
        </tr>
    </table>

    <p style="margin: 0 0 20px 0;">
        Rendez-vous dans l'application, rubrique <strong>Alertes de stock</strong>, pour
        enregistrer un réapprovisionnement.
    </p>
{% endblock %}