{% load static %}

<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 route_form.fields.type_transport.choices %}
            {% if forloop.counter0 > 0 %}
                <div>
                    <input
                        class="custom-checkbox el_form_find_route"
                        type="checkbox"
                        name="type_transport"
                        id="id_cargo_type_car_{{ forloop.counter }}"
                        onchange="filters_func_find_route_main(this,'{{ owner_type }}')"
                        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 onchange="filters_func_find_route_main(this,'{{ owner_type }}')" class="custom_select select_form_filters_find_route el_form_find_route" name="from_place">
            <option value="" selected="selected">не имеет значения</option>
            {% for item in route_form.fields.from_place.choices %}
                <option value="{{ item.0 }}" {% if route_form.initial.from_place == item.0  %} selected{% endif %}>{{ item.1 }}</option>
            {% endfor %}



        </select>
    </div>
    <div class="methods_transportation_form_filters">
        <div class="title_el_methods_transportation">Куда доставить посылку</div>
        <select onchange="filters_func_find_route_main(this,'{{ owner_type }}')" class="custom_select select_form_filters_find_route el_form_find_route" name="to_place">
            <option value="" selected="selected">не имеет значения</option>
            {% for item in route_form.fields.to_place.choices %}
                <option value="{{ item.0 }}" {% if route_form.initial.to_place == item.0  %} selected{% endif %}>{{ item.1 }}</option>
            {% endfor %}
        </select>
    </div>
    <div class="methods_transportation_form_filters">
        <label for="weight">Вес посылки (кг)</label>
        <div class="range-slider">
            <input oninput="filters_func_find_route_main(this,'{{ owner_type }}',null,'weight')" type="text" class="range_slider_form_filters el_form_find_route" name="weight" value="{{ route_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 onchange="filters_func_find_route_main(this,'{{ owner_type }}')" name="sort" class="custom_select select_form_filters_find_route el_form_find_route">
            <option value="last" {% if route_form.initial.sort == item.0  %} selected{% endif %}>По последним</option>
        </select>
    </div>

</div>