{# templates/emails/security/ip_blocked.html.twig #}
{% extends 'emails/admin/alert.html.twig' %}

{% block title %}IP Bloquée - {{ data.ip_address }}{% endblock %}

{% block content %}
    <h2 style="color: {{ priority_color }}; margin: 0 0 20px 0;">
        <i class="fa {{ type_icon }}"></i> {{ type_label }}
    </h2>

    <div style="background: #FEF2F2; border-left: 4px solid {{ priority_color }}; padding: 15px; margin: 20px 0; border-radius: 4px;">
        <p style="margin: 0; color: #991B1B; font-weight: bold;">
            Une adresse IP a été bloquée sur le système {{ system_name }}.
        </p>
    </div>

    <table style="width: 100%; margin: 20px 0; border-collapse: collapse;">
        <tr style="background: #F9FAFB;">
            <td style="padding: 12px; font-weight: bold; border-bottom: 1px solid #E5E7EB; width: 30%;">Adresse IP</td>
            <td style="padding: 12px; border-bottom: 1px solid #E5E7EB;">
                <code style="background: #F3F4F6; padding: 4px 8px; border-radius: 4px;">{{ data.ip_address }}</code>
            </td>
        </tr>
        <tr>
            <td style="padding: 12px; font-weight: bold; border-bottom: 1px solid #E5E7EB;">Raison</td>
            <td style="padding: 12px; border-bottom: 1px solid #E5E7EB;">{{ data.reason }}</td>
        </tr>
        <tr style="background: #F9FAFB;">
            <td style="padding: 12px; font-weight: bold; border-bottom: 1px solid #E5E7EB;">Type de blocage</td>
            <td style="padding: 12px; border-bottom: 1px solid #E5E7EB;">
                {% if data.block_type == 'permanent' %}
                    <span style="background: #DC2626; color: white; padding: 4px 8px; border-radius: 4px; font-size: 12px;">PERMANENT</span>
                {% else %}
                    <span style="background: #F97316; color: white; padding: 4px 8px; border-radius: 4px; font-size: 12px;">TEMPORAIRE</span>
                {% endif %}
            </td>
        </tr>
        {% if data.duration_minutes %}
            <tr>
                <td style="padding: 12px; font-weight: bold; border-bottom: 1px solid #E5E7EB;">Durée</td>
                <td style="padding: 12px; border-bottom: 1px solid #E5E7EB;">{{ data.duration_minutes }} minutes</td>
            </tr>
        {% endif %}
        <tr style="background: #F9FAFB;">
            <td style="padding: 12px; font-weight: bold; border-bottom: 1px solid #E5E7EB;">Date de blocage</td>
            <td style="padding: 12px; border-bottom: 1px solid #E5E7EB;">{{ data.blocked_at }}</td>
        </tr>
        {% if data.metadata.geo_data %}
            <tr>
                <td style="padding: 12px; font-weight: bold; border-bottom: 1px solid #E5E7EB;">Localisation</td>
                <td style="padding: 12px; border-bottom: 1px solid #E5E7EB;">
                    {{ data.metadata.geo_data.city|default('Inconnu') }}, {{ data.metadata.geo_data.country|default('Inconnu') }}
                    {% if data.metadata.geo_data.isp %}
                        <br><small style="color: #6B7280;">ISP: {{ data.metadata.geo_data.isp }}</small>
                    {% endif %}
                </td>
            </tr>
        {% endif %}
        {% if data.metadata.threat_score %}
            <tr style="background: #F9FAFB;">
                <td style="padding: 12px; font-weight: bold; border-bottom: 1px solid #E5E7EB;">Score de menace</td>
                <td style="padding: 12px; border-bottom: 1px solid #E5E7EB;">
                    <strong style="color: {{ data.metadata.threat_score >= 70 ? '#DC2626' : '#F97316' }};">
                        {{ data.metadata.threat_score }}/100
                    </strong>
                </td>
            </tr>
        {% endif %}
    </table>

    {% if data.metadata.recent_attempts %}
        <h3 style="color: #374151; margin: 30px 0 15px 0;">Tentatives Récentes</h3>
        <ul style="list-style: none; padding: 0; margin: 0;">
            {% for attempt in data.metadata.recent_attempts|slice(0, 5) %}
                <li style="padding: 8px; border-bottom: 1px solid #E5E7EB;">
                    <strong>{{ attempt.timestamp }}</strong> - {{ attempt.action|default('Tentative de connexion') }}
                    {% if attempt.email %}
                        <br><small style="color: #6B7280;">Email: {{ attempt.email }}</small>
                    {% endif %}
                </li>
            {% endfor %}
        </ul>
    {% endif %}

    <div style="background: #EFF6FF; border: 1px solid #BFDBFE; padding: 15px; margin: 30px 0; border-radius: 4px;">
        <p style="margin: 0; color: #1E40AF;">
            <i class="fa fa-info-circle"></i> <strong>Actions Recommandées:</strong>
        </p>
        <ul style="margin: 10px 0 0 20px; color: #1E3A8A;">
            <li>Vérifier les logs de cette IP dans le tableau de bord</li>
            <li>Analyser les patterns d'attaque si applicable</li>
            <li>Considérer un blocage permanent si l'activité persiste</li>
            {% if data.block_type == 'temporary' %}
                <li>Surveiller l'IP après expiration du blocage</li>
            {% endif %}
        </ul>
    </div>
{% endblock %}