{% load i18n %}


<div style="font-family:Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;
    padding:10px; background-color: #F8F8F8;"
>
    <div style="line-height:1.0em; width: 660px">
        <div style="padding:5px; text-align: center;">
                      <img src="https://tripwb.com/static/img/png/finlogo.png" style="height: 90px;">
{#            <img src="{{ logo }}" alt="{{ project_name }}" style="margin:0;padding:0;">#}
        </div>
        <p style="font-weight:700; font-size:25px; text-align:center;
            padding:0; line-height:1em; text-transform: uppercase; color: #ff613a;
            margin: auto; max-width: 90%;
        ">
            {{ message_title|safe }}
        </p>
        <div style="line-height:1.0em; font-size:18px; margin: 5px 30px;
            box-shadow: -1px 4px 10px 0 rgba(198, 199, 203, 0.20), 0 -1px 10px 0 rgba(198, 199, 203, 0.20);
            padding: 30px; border-radius: 10px; background-color: #FFF;">
            <p style="font-weight: 600;">{% translate "Здравствуйте" %}{% if user.first_name %}, {{ user.first_name }}{% endif %}!</p>

            <p>{% translate "На сайте" %} <a href="https://tripwb.com">tripwb.com</a> {% translate "произведена регистрация с использованием Вашего адреса электронной почты" %}.</p>
            
            <p>{% translate "Если это сделали Вы, нажмите на ссылку ниже и пройдите процедуру верификации." %} <a href="https://tripwb.com{% url "check_user_registration_and_activate" user.id user.user_profile.authMailCode %}">ссылка на верификацию</a></p>
        
            <p>{% translate "Если это письмо ошибочно попало к Вам, просто проигнорируйте его." %}</p>
            
            <p>
                {% blocktrans %}
                    С уважением,<br>
                    Команда Trip With Bonus.<br>
                {% endblocktrans %}
            </p>
            
            
        </div>
        {% for button in message_buttons %}
            <div style="text-align:center;font-weight: 700;">
                <a href="{{ button.url }}">
                    <div style="display:inline-block;text-align:center;font-size:18px;padding:5px 10px;margin:5px;border-radius:2px;background-color:#61aeb6;color:#fff;text-decoration:none;line-height:1.0em;cursor:pointer">
                       {{ button.caption }}
                    </div>
                </a>
            </div>
        {% endfor %}


        <div style="text-align:center;width: 660px;line-height:1.1em">
            <div style="margin: 40px 10px 10px;">
                <hr>
{#                <nobr><b>Адрес кафе:</b> Минск, ул. Будславская, 2</nobr>#}
{#                <br>#}
{#                <nobr><b>График работы:</b> пн-вс 12:00 - 24:00</nobr>#}
{#                <br>#}
{#                <nobr><b>Телефоны кафе:</b> +375 44 77 321 77</nobr>#}
            </div>
        </div>

        <div style="text-align: center;margin-top:5px">
{#            <a href="https://baldenini.by/event/dostavka-edy" style="text-decoration: none;">#}
{#                <div style="color: #311A12;#}
{#                    padding: 10px;#}
{#                    margin: 5px 10px 0 10px;#}
{#                    border: 2px solid #311A12;#}
{#                    border-radius: 5px;#}
{#                    font-size: 20px;#}
{#                    display: inline-block;#}
{#                    font-weight: 700;#}
{#                    text-transform: uppercase;">О ДОСТАВКЕ#}
{#                </div>#}
{#            </a>#}
{#            <a href="https://baldenini.by/page/baldenini-cafe-o-nas" style="text-decoration: none;">#}
{#                <div style="color: #311A12;#}
{#                    padding: 10px;#}
{#                    margin: 5px 10px 0 10px;#}
{#                    border: 2px solid #311A12;#}
{#                    border-radius: 5px;#}
{#                    font-size: 20px;#}
{#                    display: inline-block;#}
{#                    font-weight: 700;#}
{#                    text-transform: uppercase;">О BALDENINI CAFE#}
{#                </div>#}
{#            </a>#}
        </div>

    </div>
</div>