{% 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="{{ 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%;
        ">
            {% translate 'Здравствуйте' %}, {{ route.owner }}</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>{% translate 'Ранее вы на сайте размещали объявление о поиске' %} {% if search_owner_type == 'mover' %}{% translate 'Перевозчика' %}{% else %}{% translate 'Отправителя' %}{% endif %} {% translate 'и попросили нас уведомить Вас о появлении объявлений, которые соответствуют Вашему критерию.' %}</p>
            <p><b>{% translate 'Хорошая новость!' %}</b></p>
            <p><b>{% translate 'По заданным критериям поиска мы нашли исполнителя!' %}</b></p>
            <p>{% translate 'Чтобы узнать подробности и открыть доступ к контактам, перейдите' %} <a href="{{ find_routes_page_url }}">{% translate 'по этой ссылке и используйте свои учетные данные для входа' %}</a>.
            <p>{% translate 'Если у вас возникнут вопросы или вам потребуется помощь, наша служба поддержки всегда готова помочь. Свяжитесь с нами по адресу' %} <a href="mailto:support@tripwb.com">support@tripwb.com</a></p>
            <p>{% translate 'Чтобы просмотреть Ваши объявления перейдите по ссылке' %} <a href="{{ domain }}/profile/page/my_routes/">{% translate 'Мои объявления' %}</a></p>
            <p>
                {% translate 'Спасибо за то, что вы с нами!' %}<br>
                {% translate 'С уважением,' %}<br>
                {% translate 'Команда Trip With Bonus.' %}<br>
            </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></nobr>#}
{#                <br>#}
{#                <nobr><b>График работы:</b> пн-вс 12:00 - 24:00</nobr>#}
{#                <br>#}
{#                <nobr><b>Телефоны:</b></nobr>#}
            </div>
        </div>

        <div style="text-align: center;margin-top:5px">
{#            <a href="" 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="" 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>#}
        </div>

    </div>
</div>