Files
tripwithbonus/templates/pages/p_results_find_route.html
2023-08-16 15:15:17 +03:00

126 lines
6.1 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{% extends "tb_base.html" %}
{% load static %}
{% block meta %}
<script src='{% static "js/find_route.js" %}'></script>
<script src="{% static "js/serch_town.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 name="find_route">
{% csrf_token %}
<div class="cont-el-form-search-carrier first abbreviation">
<label>Откуда</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 first" id="inp_form_find_route_w_abbreviation_1" type="text">
<div class="abbreviation_airport_in_search"><text>MSQ</text></div>
<div class="insert-airports-place" id="insert-airports-place_1">
{% include "widgets/w_places_input.html" %}
</div>
</div>
</div>
<div class="cont-el-form-search-carrier">
<label>Куда</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="abbreviation_airport_in_search"><text>WAW</text></div>
<div class="insert-airports-place" id="insert-airports-place_2">
{% include "widgets/w_ac_input_address_point.html" %}
</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 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>#}
<div>
<input
class="custom-checkbox"
type="checkbox"
name="cargo_type"
id="id_cargo_type_car"
/>
<label for="id_cargo_type_car" >
<img style="display: inline-block;padding-top: 11px;" src="{% static "img/svg/Car.svg" %}">
<span style="display: inline-block;width: 80%;">Автоперевозка</span>
</label>
</div>
<div>
<input
class="custom-checkbox"
type="checkbox"
name="cargo_type"
id="id_cargo_type_plane"
/>
<label for="id_cargo_type_plane" >
<img style="display: inline-block;padding-top: 11px;" src="{% static "img/svg/Airplane.svg" %}">
<span style="display: inline-block;width: 80%;">Авиатранспорт</span>
</label>
</div>
</div>
<div class="methods_transportation_form_filters">
<div class="title_el_methods_transportation">Откуда забрать посылку</div>
<select class="select_form_filters_find_route">
<option>Заберу по городу</option>
</select>
</div>
<div class="methods_transportation_form_filters">
<div class="title_el_methods_transportation">Куда доставить посылку</div>
<select class="select_form_filters_find_route">
<option>По договоренности</option>
</select>
</div>
<div class="methods_transportation_form_filters">
<div class="slider_methods_transportation"></div>
<input type="number" class="slider_input_form_method_transportation_1" oninput="insert_data_in_slider(this)">
<input type="number" class="slider_input_form_method_transportation_2" oninput="insert_data_in_slider(this)">
</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 %}