tripwithbonus/templates/blocks/profile/b_new_route.html

{% load static %}

    <link rel="stylesheet" href="{% static 'css/ion.rangeSlider.min.css' %}">


<form class = "new_route" name="new_route" method="post">
        {% csrf_token %}
  <div>
    <label for="id_type_transport">{{ form.fields.type_transport.label }}</label>
  </div>
 <div>
    <select name="type_transport" id="id_type_transport"{% if form.fields.type_transport.required %} required{% endif %}>
        {% for item in form.fields.type_transport.choices  %}
         <option value="{{ item.0 }}"{% if form.fields.type_transport.initial == item.0 %} selected="selected"{% endif %}>{{ item.1 }}</option>
        {% endfor %}
    </select>
    {% if form.errors and form.errors.type_transport %}
                 <span>{{ form.errors.type_transport }}</span>
             {% endif %}
  </div>

<hr>
<div class="departure_arrival">
  <div>
      <label for="id_departure_DT">{{ form.fields.departure_DT.label }}</label>
       <input type="datetime-local" name="departure_DT"{% if form.fields.departure_DT.required %} required{% endif %}  id="id_departure_DT">
        {% if form.errors and form.errors.departure_DT %}
                 <span>{{ form.errors.departure_DT }}</span>
             {% endif %}
 </div>
    <div>
      <label for="id_arrival_DT">{{ form.fields.arrival_DT.label }}</label>
      <input type="datetime-local" name="arrival_DT"{% if form.fields.arrival_DT.required %} required{% endif %}  id="id_arrival_DT">
        {% if form.errors and form.errors.arrival_DT %}
                 <span>{{ form.errors.arrival_DT }}</span>
             {% endif %}
    </div>
</div>
<hr>
  <div class="from_to_country">
    <div>
    <label for="id_from_country">{{ form.fields.from_country.label }}</label>
    <input oninput="search(this)" type="text" name="from_country"{% if form.fields.from_country.required %} required{% endif %} id="id_from_country">
    {% if form.errors and form.errors.from_country %}
                 <span>{{ form.errors.from_country }}</span>
             {% endif %}
    </div>
  <div>
    <label for="id_to_country">{{ form.fields.to_country.label }}</label>
    <input type="text" name="to_country"{% if form.fields.to_country.required %} required{% endif %} id="id_to_country">
    {% if form.errors and form.errors.to_country %}
                 <span>{{ form.errors.to_country }}</span>
             {% endif %}
  </div>
  </div>
{#  <div>#}
{#    <label for="id_from_city">{{ form.fields.from_city.label }}</label>#}
{#    <input type="text" name="from_city"{% if form.fields.from_city.required %} required{% endif %} id="id_from_city">#}
{#  </div>#}
{#  <div>#}
{#    <label for="id_to_city">{{ form.fields.to_city.label }}</label>#}
{#    <input type="text" name="to_city"{% if form.fields.to_city.required %} required{% endif %} id="id_to_city">#}
{#  </div>#}
  <div class="from_to_place">
    <div>
    <label for="id_from_place">{{ form.fields.from_place.label }}</label>
    <select name="from_place" id="id_from_place" {% if form.fields.from_place.required %} required{% endif %}>
        {% for item in form.fields.from_place.choices  %}
         <option value="{{ item.0 }}"{% if form.fields.type_transport.initial == item.0 %} selected="selected"{% endif %}>{{ item.1 }}</option>
        {% endfor %}
    </select>
    {% if form.errors and form.errors.from_place %}
                 <span>{{ form.errors.from_place }}</span>
             {% endif %}
    </div>
    <div>
    <label for="id_to_place">{{ form.fields.to_place.label }}</label>
    <select name="to_place" id="id_to_place" {% if form.fields.to_place.required %} required{% endif %}>
        {% for item in form.fields.to_place.choices  %}
         <option value="{{ item.0 }}"{% if form.fields.to_place.initial == item.0 %} selected="selected"{% endif %}>{{ item.1 }}</option>
        {% endfor %}
    </select>
    {% if form.errors and form.errors.to_place %}
                 <span>{{ form.errors.to_place }}</span>
             {% endif %}
    </div>
  </div>

<hr>

  <div>
    <label for="id_cargo_type">{{ form.fields.cargo_type.label }}</label>
  </div>
<div>
    <select name="cargo_type" id="id_cargo_type" {% if form.fields.cargo_type.required %} required{% endif %}>
      {% for item in form.fields.cargo_type.choices  %}
         <option value="{{ item.0 }}"{% if form.fields.cargo_type.initial == item.0 %} selected="selected"{% endif %}>{{ item.1 }}</option>
        {% endfor %}
    </select>
    {% if form.errors and form.errors.cargo_type %}
                     <span>{{ form.errors.cargo_type }}</span>
                 {% endif %}
  </div>

<hr>

  <div class="range-slider">
    <label for="id_weight">{{ form.fields.weight.label }}</label>
      <input type="text" id="id_weight"{% if form.fields.weight.required %} required{% endif %} name="weight" value="" />
  {% if form.errors and form.errors.weight %}
                     <span>{{ form.errors.weight }}</span>
                 {% endif %}
  </div>

<hr>

  <div>
    <label for="id_phone">{{ form.fields.phone.label }}</label>
    <input type="text" name="phone"{% if form.fields.phone.required %} required{% endif %} id="id_phone">
  {% if form.errors and form.errors.phone %}
                     <span>{{ form.errors.phone }}</span>
                 {% endif %}
  </div>
  <div>
    <label for="id_extra_phone">{{ form.fields.extra_phone.label }}</label>
    <input type="text" name="extra_phone" id="id_extra_phone">
      {% if form.errors and form.errors.extra_phone %}
                     <span>{{ form.errors.extra_phone }}</span>
                 {% endif %}
  </div>

<hr>

  <div>
    <label for="id_receive_msg_by_email">{{ form.fields.receive_msg_by_email.label }}</label>
    <input type="checkbox" name="receive_msg_by_email" id="id_receive_msg_by_email">
       {% if form.errors and form.errors.receive_msg_by_email %}
                     <span>{{ form.errors.receive_msg_by_email }}</span>
                 {% endif %}
  </div>
  <div class="button_register">
     <button id="registration" onclick="sendRoute(this)"> Разместить объявления  </button>
  </div>

</form>