{% load static %}
<div class="carrier-card">
    <div class="left-part-carrier-card">
        <div class="first-line-card-carrier">
            <div class="carrier-title">
                Перевозчик:
            </div>
            <div class="type_transportation_carrier">
                {{ route.get_type_transport_display }}
            </div>
            <div class="clear_both"></div>
        </div>
        <div class="from-to-country-container-carrier">
            <div class="from-to-country-text left fl-left txt-al-right">
                {% if route.from_country %}{{ route.from_country }}{% else %}Неизвестно{% endif %} / {% if route.from_city %}{{ route.from_city }}{% else %}Неизвестно{% endif %}
            </div>
            <div class="splitter-from-to-country"></div>
            <div class="from-to-country-text right fl-right txt-al-left">
                {% if route.to_country %}{{ route.to_country }}{% else %}Неизвестно{% endif %} / {% if route.to_city %}{{ route.to_city }}{% else %}Неизвестно{% endif %}
            </div>
        </div>
        {% include "small_INCLUDES/carrier_card/inf_about_moving.html" %}

    </div>
{#    <div class="splliter-left-right-part-carrier-card"></div>#}
    <div class="inf_carrier_container">
        <div class="title_container_inf_carrier">Контакты отправителия:</div>
        <div>
            <img src="{% static "/delete_later/Avatar.png" %}">
            <span class="name_carrier">{{ route.owner.last_name }} {{ route.owner.first_name }}</span>
        </div>
        <form>
            <div class="inf_carrier">
                <a class="phones_carrier" href="tel:{{ route.phone }}">
                    <img class="inf_carrier_icon" src="{% static "/img/svg/phone.svg" %}"/>
                    <span class="phones_carrier_span{% if route.owner == user %} active{% endif %}">{{ route.phone }}</span>
                    <input name="phone_1" value="{{ route.phone }}">
                    <div class="clear_both"></div>
                </a>
                <a class="email_carrier" href="mailto:{{ route.owner.email }}">
                    <img class="inf_carrier_icon" src="{% static "/img/svg/email.svg" %}">
                    <span class="email_carrier_span{% if route.owner == user %} active{% endif %}">{{ route.owner.email }}</span>
                    <input name="email_1" value="{{ route.owner.email }}">
                    <div class="clear_both"></div>
                </a>
            </div>
            {% if route.owner != user %}
                <button class="open_chat_carrier" onclick="open_chat({{ route.owner_id }})">
                    <img src="{% static "img/svg/Logo.svg" %}" width="30px">
                    <span >Написать сообщение</span>
    {#                <img src="{% static "/img/svg/email.svg" %}" width="25px" style="position:relative;left: 3px;">#}
                </button>
                <button class="open_inf_carrier" onclick="show_inf_carrier(this)">Открыть контакт</button>
            {% endif %}

        </form>

    </div>
    <div class="clear_both"></div>

</div>