{% extends 'mail/base.html' %}

{% block content %}
    <p style="{{ common_inline_style }} font-size: 14px; line-height: 17px;
        margin-top: 30px; margin-bottom: 0">
        {% autoescape false %}
        {{ T(l('NOTIFICATIONS', 'auth_challenge.notice')) }}
        {% if location or browser or device_name %}
        {{ T(l('NOTIFICATIONS', 'auth_challenge.we_know')) }}
        {% endif %}
        {% endautoescape %}
    </p>
    <ul style="{{ common_inline_style }} font-size:14px; line-height:17px;
        margin-top:10px; margin-bottom:0;">
        {% if location %}
        <li style="{{ common_inline_style }} font-size:14px; line-height:17px;
            margin-top:0; margin-bottom:5px;">
            {% autoescape false %}
            {{ T(l('NOTIFICATIONS', 'user_meta_data.location')|replace("%LOCATION%", location)) }}
            {% endautoescape %}
        </li>
        {% endif %}
        {% if browser %}
        <li style="{{ common_inline_style }} font-size:14px; line-height:17px;
            margin-top:0; margin-bottom:5px;">
            {% autoescape false %}
            {{ T(l('NOTIFICATIONS', 'user_meta_data.browser')|replace("%BROWSER%", browser)) }}
            {% endautoescape %}
        </li>
        {% endif %}
        {% if device_name %}
        <li style="{{ common_inline_style }} font-size:14px; line-height:17px;
            margin-top:0; margin-bottom:5px;">
            {{ T(l('NOTIFICATIONS', 'auth_challenge.device_name')|replace("%DEVICE_NAME%", device_name)) }}
        </li>
        {% endif %}
    </ul>
    <p style="{{ common_inline_style }} font-size: 14px; line-height: 17px;
        margin-top: 30px; margin-bottom: 0;">
        {% autoescape false %}
        {{ T(l('NOTIFICATIONS', 'auth_challenge.if_hacked.with_url')|
             replace("%SUPPORT_URL%", "<a href='%url%'>%url%</a>"|replace("%url%", l('NOTIFICATIONS', 'auth_challenge.support_url')))) }}
        {% endautoescape %}
    </p>
    <p style="{{ common_inline_style }} font-size: 14px; line-height: 17px;
        margin-top: 30px; margin-bottom: 0;">
        {% autoescape false %}
        {{ T(l('NOTIFICATIONS', 'auth_challenge.journal.with_url')|
             replace("%JOURNAL_URL%", "<a href='%url%'>%url%</a>"|replace("%url%", l('NOTIFICATIONS', 'auth_challenge.journal_url')))) }}
        {% endautoescape %}
    </p>

{% endblock content %}