{% extends 'mails/base.twig' %}

{% block content %}

    <mj-section padding-bottom="0px" background-color="transparent">
            <mj-column>
                <mj-text align="center" font-size="12px" font-weight="900" color="#9ca3af" letter-spacing="2px">
                    SITECONSEIL MONITORING
                </mj-text>
            </mj-column>
        </mj-section>

        <mj-section border-radius="20px 20px 0 0" padding-top="40px">
            <mj-column>
                <mj-image width="64px" src="https://img.icons8.com/fluency/96/error.png" alt="Alert Icon" />
                <mj-text align="center" font-weight="800" font-size="24px" color="#111827" padding-top="20px">
                    Interruption de Service
                </mj-text>
                <mj-text align="center" color="#dc2626" font-size="12px" font-weight="bold" text-transform="uppercase" letter-spacing="1px">
                    Accès Intranet Verrouillé
                </mj-text>
            </mj-column>
        </mj-section>

        <mj-section padding="0 40px">
            <mj-column background-color="#f9fafb" border="1px solid #e5e7eb" border-radius="12px" padding="20px">
                <mj-text font-size="13px" font-weight="bold" color="#6b7280" text-transform="uppercase" padding-bottom="10px">
                    Détails de l'incident :
                </mj-text>
                <mj-table color="#374151" font-size="15px">
                    <tr style="height:30px;">
                        <td style="font-weight:bold;">Service :</td>
                        <td style="text-align:right; color:#111827;">{{ datas.message.service|default('Inconnu') }}</td>
                    </tr>
                    <tr style="height:30px;">
                        <td style="font-weight:bold;">Statut :</td>
                        <td style="text-align:right; color:#dc2626; font-weight:bold;">{{ datas.message.status|default('DOWN') }}</td>
                    </tr>
                    <tr style="height:30px;">
                        <td style="font-weight:bold;">Date :</td>
                        <td style="text-align:right;">{{ "now"|date("d/m/Y H:i") }}</td>
                    </tr>
                    <tr style="height:30px;">
                        <td style="font-weight:bold;">Trace :</td>
                        <td style="text-align:right;">{{ datas.trace }}</td>
                    </tr>
                </mj-table>
            </mj-column>
        </mj-section>


{% endblock %}
