{% load static %}
{% load i18n %}
{% load subscribes_tags_extra %}

{#Current Datetime: {{ route.from_city.get_current_datetime }}<br>#}
{#Departure DT:{{ route.departure_DT }}<br>#}

{% if route.departure_DT %}
    {% with current_datetime=route.from_city.get_current_datetime %}
            {% with departure_datetime=route.departure_DT %}
                {% if current_datetime|date:"Y-m-d H:i:s" > departure_datetime|date:"Y-m-d H:i:s" %}
                    <div class="carrier-card out_of_date" data-number-of-route="{{ route.id }}">
                {% else %}
                    <div class="carrier-card {% if route.highlight_color and route.highlight_end_DT|date:"Y-m-d H:i:s" > current_datetime|date:"Y-m-d H:i:s" %} highlight-color {% endif %}" data-number-of-route="{{ route.id }}">
                {% endif %}
            {% endwith %}
    {% endwith %}
{% endif %}

    <div class="left-part-carrier-card">
        {% if route.owner_type == 'customer' or route.owner_type == 'mover'  %}
            <div class="route_info_about">
                    <span class="cargo_type_disp">
                        {% translate "Тип: " %}{{ route.get_cargo_type_display }}
                    </span>

                    <span class="cargo_weight">
                       {% translate "Вес: " %}{{ route.weight }} {% translate "кг" %}
                    </span>

                    <span class="cargo_type_trans">

                        {% if route.type_transport == 'road' %}
                            <img class="inf_carrier_icon" src="{% static "/img/svg/Car.svg" %}"/>
                            {% elif route.type_transport == 'avia'%}
                            <img class="inf_carrier_icon" src="{% static "/img/svg/Airplane.svg" %}"/>
                        {% endif %}

                        {{ route.get_type_transport_display }}
                    </span>
            <div class="clear_both"></div>

            </div>
        {% endif %}
        <div class="from-to-country-container-carrier">
            <div class="from-to-country-text left fl-left txt-al-right" title="{{ route.from_country_n_city_str }}">
                {{ route.from_country_n_city_str }}
            </div>
            <div class="splitter-from-to-country"></div>
            <div class="from-to-country-text right fl-right txt-al-left" title="{{ route.to_country_n_city_str }}">
                {{ route.to_country_n_city_str }}
            </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"
               {% if route.owner_type == 'mover' %}
                   id="mover_title_color"
                    {% elif route.owner_type == 'customer'%}
                   id="customer_title_color"
               {% endif %}
        >
            {% translate 'Контакты' %}
            {% if route.owner_type == 'mover' %}
                {% translate "перевозчика" %}
                <img class="inf_carrier_icon" src="{% static "/img/svg/mover.svg" %}"/>
            {% elif route.owner_type == 'customer'%}
                {% translate "отправителя" %}
                <img class="inf_carrier_icon" src="{% static "/img/svg/cargo.svg" %}"/>
            {% endif %}
        </div>

        <div>
{#            <img class="route_contact_avatar" {% if route.owner.user_profile.avatar %}#}
{#            src="{{ route.owner.user_profile.avatar.url }}"#}
{#            {% else %}src="{% static "img/svg/user_icon_standart.png" %}"{% endif %}>#}
{#         {% if user.is_authenticated %}#}
{#            <span class="name_carrier">{{ route.owner.last_name }} {{ route.owner.first_name }}</span>#}
{#            <span class="name_carrier">{{ route.owner.last_name }} {{ route.owner.first_name }}</span>#}
{#        {% endif %}#}
{#         {% if not user.is_authenticated %}#}
{#            <span class="name_carrier"></span>#}
{#        {% endif %}#}
        </div>

        {% check_subscribe_option request.user 'просмотр контактов' as show_contacts_allow %}

        <div name="form_carrier">
            {% if user.is_authenticated and show_contacts_allow %}
                <div class="inf_carrier">
                    <img class="route_contact_avatar {% if route.owner == user %} active{% endif %}" {% if route.owner.user_profile.avatar %}
                    src="{{ route.owner.user_profile.avatar.url }}"
                    {% else %}src="{% static "img/svg/user_icon_standart.png" %}"{% endif %}>

                     {% if user.is_authenticated %}
            {#            <span class="name_carrier">{{ route.owner.last_name }} {{ route.owner.first_name }}</span>#}
                        <span class="name_carrier{% if route.owner == user %}active{% endif %} el_for_open_el">{{ route.owner.last_name }} {{ route.owner.first_name }}</span>

                    {% endif %}
                     {% if not user.is_authenticated %}
                        <span class="name_carrier"></span>
                    {% endif %}

{#                    <a class="phones_carrier" data-href="tel:{%if route.phone == route.phone %}{{ route.phone }}{% endif %}">#}
{#                        <img class="inf_carrier_icon" src="{% static "/img/svg/phone.svg" %}"/>#}
{#                        <span class="phones_carrier_span el_for_open_el {% if route.owner == user %} active{% endif %}">{%if route.phone == route.phone %}{{ route.phone }}{% endif %}</span>#}
        {#                <input value="{{ route.phone }}">#}
{#                        <div class="clear_both"></div>#}
{#                    </a>#}
                    <a class="phones_carrier"
                       data-href="{% if route.phone %}tel:{{ route.phone }}{% else %}#{% endif %}">
                        <img class="inf_carrier_icon" src="{% static '/img/svg/phone.svg' %}"/>
                        <span class="phones_carrier_span el_for_open_el {% if route.owner == user %}active{% endif %}">
                            {% if route.phone %}
                                {{ route.phone }}
                            {% else %}
                                {% translate "Не указан" %}
                            {% endif %}
                        </span>
                        <div class="clear_both"></div>
                    </a>



                    <a class="email_carrier" data-href="mailto:{{ route.owner.email }}">
                        <img class="inf_carrier_icon" src="{% static "/img/svg/email.svg" %}">
                        <span class="email_carrier_span el_for_open_el {% if route.owner == user %} active{% endif %}">{{ route.owner.email }}</span>
        {#                <input value="{{ route.owner.email }}">#}
                        <div class="clear_both"></div>
    {#                    <div>{{ route.get_cargo_type_display }}</div>#}
    {#                    <div>{{ route.weight }}</div>#}
    {#                    <div>{{ route.get_owner_type_display }}</div>#}
    {#                    <div>{{ route.id }},{{ forloop.counter }}</div>#}
                    </a>
                </div>
            {% endif %}

            {% if not user.is_authenticated or not show_contacts_allow %}
                <div class="inf_carrier">
                        <a class="phones_carrier">
                            <img class="inf_carrier_icon" src="{% static "/img/svg/phone.svg" %}"/>
                            <span class="phones_carrier_span{% if route.owner == user %} active{% endif %} el_for_open_el"></span>
                            <div class="clear_both"></div>
                        </a>
                        <a class="email_carrier" data-href="mailto:">
                            <img class="inf_carrier_icon" src="{% static "/img/svg/email.svg" %}">
                            <span class="email_carrier_span{% if route.owner == user %} active{% endif %} el_for_open_el"></span>

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

                        </a>
                </div>

            {% endif %}



            {% if not user.is_anonymous and route.owner != user and show_contacts_allow %}
                    <button class="open_chat_carrier" onclick="open_chat({{ route.owner_id }})">
                        <img src="{% static "img/svg/Logo.svg" %}" width="30px">
                        <span> {% translate "Написать сообщение" %}</span>
        {#                <img src="{% static "/img/svg/email.svg" %}" width="25px" style="position:relative;left: 3px;">#}
                    </button>
            {% endif %}

            {% if user.is_authenticated and show_contacts_allow %}
                <button
                    class="open_inf_carrier"
                    {% if route.owner == user %} style="display: none;"{% endif %}
                    onclick="show_inf_carrier(this)"
                >
                    {% translate "Открыть контакт"%}
                </button>
            {% endif %}


            {% if not user.is_authenticated %}
{#            {% if not user.is_authenticated and show_contacts_allow %}#}
                <div class="show_contact_wrapper">
                    <a class="open_inf_carrier" href='{% url "login_profile" %}'>
                                {% translate "Открыть контакт"%}
                    </a>
                </div>

            {% endif %}
        </div>


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

</div>