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

{% block meta %}
    <script src='{% static "js/find_route.js" %}'> </script>
{% endblock %}

{% block content %}
    <div class="cut-width">
        <div class="text-align-center">
            <h1 class="title_page">Поиск перевозчика</h1>
        </div>
        <div class="container_form_search_carrier">
            <form>
                <div class="cont-el-form-search-carrier first abbreviation">
                    <label>Откуда</label>
                    <div class="container_inp_w_abr">
                        <input class="inp_form_find_route_w_abbreviation" type="text">
                        <div class="abbreviation_airport_in_search"><text>MSQ</text></div>
                    </div>
                </div>
                <div class="cont-el-form-search-carrier">
                    <label>Куда</label>
                    <div class="container_inp_w_abr">
                        <input class="inp_form_find_route_w_abbreviation" type="text">
                        <div class="abbreviation_airport_in_search"><text>WAW</text></div>
                    </div>
                </div>
                <div class="cont-el-form-search-carrier">
                    <label>Дата отправки</label>
                    <input type="date">
                </div>
                <div class="cont-el-form-search-carrier">
                    <label>Дата прибытия</label>
                    <input type="date">
                </div>
                <div class="cont-el-form-search-carrier last">
                    <label>test</label>
                    <select></select>
                </div>
                <div class="cont-el-form-search-carrier">
                    <label style="opacity: 0">test</label>
                    <button>Найти</button>
                </div>
            </form>
        </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>#}
{#                        <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>#}
                    <div>
                        <input
                            class="custom-checkbox"
                            type="checkbox"
                            name="cargo_type"
                            id="id_cargo_type"
                        />

                        <label for="id_cargo_type" >
                            <span>Автоперевозка</span>
                        </label>
                    </div>
                </div>
            </div>
            <div class="block-finded-routes">
                {% for route in routes %}
                    {% include "widgets/w_carrier_card.html" %}
                {% endfor %}


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

{% endblock %}