{% extends "tb_base.html" %}
{% load static %}

{% block meta %}

    <script src="{% static "js/ion.rangeSlider.min.js" %}"></script>
    <link rel="stylesheet" href="{% static "css/ion.rangeSlider.min.css" %}">
    <script src='{% static "js/find_route.js" %}'></script>
{#    <script src="{% static "js/serch_town.js" %}"></script>#}
    <script src="{% static "js/user_profile.js" %}"></script>
    <script src="{% static "js/range_slider_double.js" %}"></script>
    <script src='{% static "js/user_profile(boris).js" %}'> </script>
    {% include "connect_ws_js.html" %}
    <script src="{% static "js/filters_functions_find_route.js" %}"></script>

{% endblock %}



{% block content %}
    <div class="cut-width">
        <div class="text-align-center">
            <h1 class="title_page">Поиск перевозчика</h1>
        </div>
        <form name="find_route">
            {% csrf_token %}
            <div class="container_form_search_carrier">
                <div class="cont-el-form-search-carrier first abbreviation">
                    <label for="id_from_address_point_txt">Откуда</label>

{#                        <input onfocus="focus_el_ins(this)" onclick="show_list_w_places(this)" oninput="searchTown(this)" class="inp_form_find_route_w_abbreviation first" id="inp_form_find_route_w_abbreviation_1" type="text">#}

{#                        <div class="insert-airports-place" id="insert-airports-place_1">#}
{#                            {% include "widgets/w_places_input.html" %}#}
{#                        </div>#}
                    <div class="container_inp_w_abr">
                        <input
                            type="number"
                            name="from_address_point"
                            id="id_from_address_point"
                            hidden
                            class="disp-none"
                            {% if form.initial.from_address_point %}value="{{ form.initial.from_address_point }}"{% endif %}
                        />
                        <input
                            oninput="searchTown(this)"
                            onclick="showSearchList(this)"
                            onblur="onblurInputField(event, this)"
                            onFocus="this.select()"
                            autocomplete="off"
                            type="text"
                            minlength="3"
                            name="from_address_point_txt"
                            class="from_address_point_txt find_route first"
                            {% if form.fields.from_address_point.required %} required{% endif %}
                            id="id_from_address_point_txt"
                            {% if form.initial.from_address_point_txt %}value="{{ form.initial.from_address_point_txt }}"{% endif %}
                        />
                        <div class="abbreviation_airport_in_search"><text>MSQ</text></div>
                        <div class="input_list find_route" name="from_address_point_txt_list">

                        </div>
                    </div>
                </div>
                <div class="cont-el-form-search-carrier">
                    <label for="id_to_address_point_txt">Куда</label>
{#                    <div class="container_inp_w_abr">#}
{#                        <input onfocus="focus_el_ins(this)" onclick="show_list_w_places(this)" oninput="searchTown(this)" class="inp_form_find_route_w_abbreviation" id="inp_form_find_route_w_abbreviation_2" type="text">#}

{#                        <div class="insert-airports-place" id="insert-airports-place_2">#}
{#                            {% include "widgets/w_ac_input_address_point.html" %}#}
{#                        </div>#}
{#                    </div>#}
                    <div class="container_inp_w_abr">
                        <input
                                type="number"
                                name="to_address_point"
                                id="id_to_address_point"
                                hidden
                                class="disp-none"
                                {% if form.initial.to_address_point %}value="{{ form.initial.to_address_point}}"{% endif %}/>
                        <input
                            oninput="searchTown(this)"
                            onclick="showSearchList(this)"
                            onblur="onblurInputField(event, this)"

                            onFocus="this.select()"
                            autocomplete="off"
                            type="text"
                            name="to_address_point_txt"
                            {% if form.fields.to_address_point.required %} required{% endif %}
                            id="id_to_address_point_txt"
                            class="to_address_point_txt find_route"
                            {% if form.initial.to_address_point_txt %}value="{{ form.initial.to_address_point_txt}}"{% endif %}/>
                            <div class="abbreviation_airport_in_search"><text>WAW</text></div>
                            <div class="input_list find_route" name="to_address_point_txt_list">

                            </div>
                    </div>
                </div>
                <div class="cont-el-form-search-carrier">
                    <label for="id_departure_DT">Дата отправки</label>
                    <input name="departure_DT" id="id_departure_DT" type="date" {% if form.fields.departure_DT.required %} required{% endif %}>
                </div>
                <div class="cont-el-form-search-carrier">
                    <label for="id_arrival_DT">Дата прибытия</label>
                    <input name="arrival_DT" id="id_arrival_DT" type="date" {% if form.fields.arrival_DT.required %} required{% endif %}>
                </div>
                <div class="cont-el-form-search-carrier last">
                    <label>test</label>
                    <select name="cargo_type" id="id_cargo_type" {% if form.fields.cargo_type.required %} required{% endif %}>
                        <option value="" selected="selected">--не имеет значения--</option>
                        {% for item in form.fields.cargo_type.choices %}
                            <option value="{{ item.0 }}">{{ item.1 }}</option>
                        {% endfor %}


                    </select>
                </div>
                <div class="cont-el-form-search-carrier">
                    <label style="opacity: 0">test</label>
                    <button onclick="filters_func_find_route_main(this)">Найти</button>
                </div>
            </div>
            <div class="block-find-route">
                <div class="block-filters-find-route">
                    <div class="title_filters_find_route">Все фильтры</div>
                    <div class="methods_transportation_form_filters">
                        <div class="title_el_methods_transportation">Способ перевозки</div>
    {#                    <div>#}
    {#                        <div class="method_transport">#}
    {#                            <input class="method_transport_inp_hide" type="checkbox">#}
    {#                            <div class="method_transport_inp"></div>#}
    {#                        </div>#}
    {#                        <label>#}
    {#                            <img>#}
    {#                            <text></text>#}
    {#                        </label>#}
    {#                    </div>#}
                        {% for item in form.fields.type_transport.choices %}
                            {% if forloop.counter0 > 0 %}
                                <div>
                                    <input
                                        class="custom-checkbox"
                                        type="checkbox"
                                        name="type_transport"
                                        id="id_cargo_type_car_{{ forloop.counter }}"
                                        value="{{ item.0 }}"
                                    />

                                    <label for="id_cargo_type_car_{{ forloop.counter }}" >
                                        <img style="display: inline-block;padding-top: 11px;" src="{% static "img/svg/Car.svg" %}">
                                        <span style="display: inline-block;width: 80%;">{{ item.1 }}</span>
                                    </label>
                                </div>
                            {% endif %}
                        {% endfor %}
{#                        <div>#}
{#                            <input#}
{#                                class="custom-checkbox"#}
{#                                type="checkbox"#}
{#                                name="type_transport"#}
{#                                id="id_cargo_type_plane"#}
{#                            />#}
{##}{#                                <img style="display: inline-block;padding-top: 11px;" src="{% static "img/svg/Airplane.svg" %}">#}
{#                            <label for="id_cargo_type_plane" >#}
{#                                <span style="display: inline-block;width: 80%;">{{ form.fields.type_transport.choices }}</span>#}
{#                            </label>#}
{#                        </div>#}
                    </div>
                    <div class="methods_transportation_form_filters">
                        <div class="title_el_methods_transportation">Откуда забрать посылку</div>
                        <select class="select_form_filters_find_route" name="from_place">
                            <option value="" selected="selected">--не имеет значения--</option>
                            {% for item in form.fields.from_place.choices %}
                                <option value="{{ item.0 }}">{{ item.1 }}</option>
                            {% endfor %}



                        </select>
                    </div>
                    <div class="methods_transportation_form_filters">
                        <div class="title_el_methods_transportation">Куда доставить посылку</div>
                        <select class="select_form_filters_find_route" name="to_place">
                            <option value="" selected="selected">--не имеет значения--</option>
                            {% for item in form.fields.to_place.choices %}
                                <option value="{{ item.0 }}">{{ item.1 }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="methods_transportation_form_filters">
                        <label for="weight">Вес посылки (кг)</label>
                        <div class="range-slider">
                            <input type="text" class="range_slider_form_filters" name="weight" value="{{ form.fields.weight.initial }}" />
                        </div>
                        <div class="inputs_for_slider_cont">
                            <input type="text" class="input_f_slider_start" value="100" />
                            <input type="text" class="input_f_slider_end" value="900" />
                            <div class="clear_both"></div>
                        </div>

                    </div>
                    <div class="methods_transportation_form_filters">
                        <div class="title_el_methods_transportation">Сортировать по:</div>
                        <select name="sort" class="select_form_filters_find_route">
                            <option value="last">По последним</option>
                        </select>
                    </div>

                </div>
                <div class="block-finded-routes">
                    {% include "blocks/b_search_routes.html" %}
                </div>

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

{% endblock %}