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

{% block content %}
    <mj-section background-color="#ffffff" padding-bottom="0px" padding-top="20px">
        <mj-column width="100%">
            <mj-image src="{{ absolute_url(asset('provider/images/logo.png')) }}" alt="Ludikevent" width="150px" align="center" border="none"></mj-image>
            <mj-divider border-color="#f44336" border-width="4px"></mj-divider>
        </mj-column>
    </mj-section>

    <mj-section background-color="#f44336" padding="20px">
        <mj-column width="100%">
            <mj-text align="center" color="#ffffff" font-size="22px" font-weight="bold" font-family="Arial, sans-serif" text-transform="uppercase">
                Alerte Sécurité Critique
            </mj-text>
            <mj-text align="center" color="#ffffff" font-size="16px" font-family="Arial, sans-serif">
                Une tentative d'accès non autorisée a été bloquée sur la console SuperAdmin.
            </mj-text>
        </mj-column>
    </mj-section>

    <mj-section background-color="#ffffff" padding-top="20px">
        <mj-column width="100%">
            <mj-text color="#333333" font-size="16px" font-family="Arial, sans-serif">
                <strong>Détails de l'incident :</strong>
            </mj-text>
            <mj-table font-family="Arial, sans-serif" font-size="14px" color="#555555">
                <tr style="border-bottom:1px solid #ecedee;text-align:left;padding:15px 0;">
                    <th style="padding: 10px 0;">Raison</th>
                    <td style="padding: 10px 0; color: #f44336; font-weight: bold;">{{ datas.reason }}</td>
                </tr>
                <tr style="border-bottom:1px solid #ecedee;text-align:left;padding:15px 0;">
                    <th style="padding: 10px 0;">Adresse IP</th>
                    <td style="padding: 10px 0;">{{ datas.ip }}</td>
                </tr>
                <tr style="border-bottom:1px solid #ecedee;text-align:left;padding:15px 0;">
                    <th style="padding: 10px 0;">Host</th>
                    <td style="padding: 10px 0;">{{ datas.host }}</td>
                </tr>
                <tr style="border-bottom:1px solid #ecedee;text-align:left;padding:15px 0;">
                    <th style="padding: 10px 0;">Date/Heure</th>
                    <td style="padding: 10px 0;">{{ datas.date|date('d/m/Y H:i:s') }}</td>
                </tr>
            </mj-table>
        </mj-column>
    </mj-section>

    <mj-section background-color="#fafafa" padding="10px">
        <mj-column width="100%">
            <mj-text color="#888888" font-size="12px" font-family="Arial, sans-serif">
                <strong>User-Agent :</strong><br/>
                {{ datas.userAgent }}
            </mj-text>
        </mj-column>
    </mj-section>
{% endblock %}
