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

{% block content %}
    {% set template_inline_style = common_inline_style + "font-size: 14px; line-height: 17px;" %}
    {% if is_hint_created %}
        {% set notice_key = 'hint_created.notice' %}
        {% set warning_key = 'hint_created.warning_info' %}
        {% set correct_hint_key = 'hint_created.correct_hint' %}
    {% else %}
        {% set notice_key = 'hint_changed.notice' %}
        {% set warning_key = 'hint_changed.warning_info' %}
        {% set correct_hint_key = 'hint_changed.correct_hint' %}
    {% endif %}
    <p style="{{ template_inline_style }} margin-top: 30px; margin-bottom: 0;">
        {% autoescape false %}
        {{ T(l('NOTIFICATIONS', notice_key)) }}
        {% endautoescape %}
    </p>
    <p style="{{ template_inline_style }} margin-top: 0; margin-bottom: 0;">
        {% autoescape false %}
        {{ T(l('NOTIFICATIONS', warning_key)) }}
        {% endautoescape %}
    </p>
    <p style="{{ template_inline_style }} margin-top: 10px; margin-bottom: 0">
        {% autoescape false %}
        {{ T(l('NOTIFICATIONS', 'in_this_case')) }}
        {% endautoescape %}
    </p>
    <ul style="{{ template_inline_style }} margin-top:10px; margin-bottom:0;">
        {% if not is_2fa_on %}
        <li style="{{ template_inline_style }} margin-top:0; margin-bottom:5px;">
            {% autoescape false %}
            {{ T(l('NOTIFICATIONS', 'change_password')|
             replace("%CHANGE_PASSWORD_URL_BEGIN%", "<a href='%url%' target='_blank'>"|replace("%url%", l('NOTIFICATIONS', 'change_password_url')))|
             replace("%CHANGE_PASSWORD_URL_END%", "</a>")) }};
            {% endautoescape %}
        </li>
        {% endif %}
        <li style="{{ template_inline_style }} margin-top:0; margin-bottom:5px;">
            {% if not is_2fa_on %}
                {% set restore_key="restore_after_change_password" %}
            {% else %}
                {% set restore_key="restore" %}
            {% endif %}
            {% autoescape false %}
            {{ T(l('NOTIFICATIONS', restore_key)|
             replace("%RESTORE_URL_BEGIN%", "<a href='%url%' target='_blank'>"|replace("%url%", l('NOTIFICATIONS', 'restore_url')))|
             replace("%RESTORE_URL_END%", "</a>")) }}.
            {% endautoescape %}
        </li>
        <li style="{{ template_inline_style }} margin-top:0; margin-bottom:5px;">
            {% autoescape false %}
            {{ T(l('NOTIFICATIONS', correct_hint_key)|
             replace("%CHANGE_HINT_URL_BEGIN%", "<a href='%url%' target='_blank'>"|replace("%url%", l('NOTIFICATIONS', 'change_hint_url')))|
             replace("%CHANGE_HINT_URL_END%", "</a>")) }}.
            {% endautoescape %}
        </li>
    </ul>
    <p style="{{ template_inline_style }} margin-top: 10px; margin-bottom: 0">
        {% autoescape false %}
        {{ T(l('NOTIFICATIONS', 'hint_common.info')) }}
        {% endautoescape %}
    </p>
    <p style="{{ template_inline_style }} margin-top: 0; margin-bottom: 0">
        {% autoescape false %}
        {{ T(l('NOTIFICATIONS', 'hint_common.phone_promo')) }}
        {% endautoescape %}
    </p>
    <p style="{{ template_inline_style }} margin-top: 0; margin-bottom: 0">
        {% autoescape false %}
        {{ T(l('NOTIFICATIONS', 'hint_common.phone_info')|
             replace("%HELP_PHONES_URL_BEGIN%", "<a href='%url%' target='_blank'>"|replace("%url%", l('NOTIFICATIONS', 'phones_help_url')))|
             replace("%HELP_PHONES_URL_END%", "</a>")) }}
        {% endautoescape %}
    </p>
{% endblock content %}