{% load static %}
{% load i18n %}

{% trans "Укажите вес" as p_weight %}

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

    {% if owner_type == 'customer' %}
       <h1 id=title_static_small>{% trans "Отправки посылки TripWB по всему миру"%}</h1>
    {% elif owner_type == 'mover' %}
       <h1 id=title_static_small>{% trans "Перевозки посылок TripWB"%}</h1>
    {% endif %}

<form class = "new_route" name="new_route" method="post">
        {% csrf_token %}
 <div>
{#    <div class="type_transport_list">#}
{#        <label for="id_type_transport">{{ form.fields.type_transport.label }}</label>#}
{#        <label for="id_type_transport"></label>#}
{##}
{#     {% for item in form.fields.type_transport.choices  %}#}
{#         <label>#}
{#             <input type="radio"#}
{#                    onclick="OnSelectionChange(this)"#}
{#                    name="type_transport"#}
{#                    id="id_type_transport_{{ forloop.counter }}"#}
{#                    value="{{ item.0 }}"#}
{##}
{#                        {% if form.initial.type_transport == item.0 %}#}
{#                            checked="checked"#}
{#                        {% endif %}#}
{#             />#}
{#             {{ item.1 }}#}
{#        </label>#}
{#     {% endfor %}#}
{##}
{#    </div>#}


{#    <label for="id_type_transport">{% translate "Выберите способ перевозки" %}</label>#}
    <select
            onchange="OnSelectionChange(this)"
            name="type_transport"
            id="id_type_transport"
            class="custom_select el_form_b_new_route">

                        {% for item in form.fields.type_transport.choices  %}
                             <option
                                     value="{{ item.0 }}"

                                     {% if form.initial.type_transport == item.0 %}
                                             selected="selected"
                                     {% endif %}>
                                 {{ item.1 }}
                             </option>
                        {% endfor %}

    </select>
    {% if not errors_off and form.errors and form.errors.type_transport %}
        <span>{{ form.errors.type_transport }}</span>
    {% endif %}
  </div>

{#    <input id="hide_owner_type" type="hidden" value="{{ form.initial.owner_type }}">#}
    <input
            id="hide_owner_type"
            type="hidden"
            {% if form.initial.owner_type %}
                value="{{ form.initial.owner_type }}"
            {% elif form.data.owner_type %}
                value="{{ form.data.owner_type }}"
            {% endif %}
    >

{% if form.initial and form.initial.type_transport and form.initial.type_transport != '' %}
    <hr>
    <div class="from_to_country">
    <div class="from_country_container">
        <div class="local_city_time" hidden="hidden">{% if route.departure_DT %}{{ route.from_city.get_current_datetime }}{% elif form.initial.departure_DT %}{{ form.initial.departure_DT }}{% endif %}</div>
        <label for="id_from_address_point_txt">
            {% if form.initial.owner_type == 'mover' and form.initial.type_transport == 'avia' or form.data.owner_type == 'mover' and form.initial.type_transport == 'avia'  %}
                    {% translate "Пункт вылета" %}
                {% elif form.initial.owner_type == 'mover' and form.initial.type_transport == 'road' or form.data.owner_type == 'mover' and form.initial.type_transport == 'road' %}
                    {% translate "Пункт выезда" %}
                {% elif form.initial.owner_type == 'customer' or form.data.owner_type == 'customer'  %}
                    {% translate "Пункт отправки" %}
            {% endif %}
        </label>
        <input
                type="number"
                name="from_address_point"
                id="id_from_address_point"
                class="el_form_b_new_route"
                hidden
                {% 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="clearID(this)"
                onkeydown = "hideErrors(this)"
                autocomplete="off"
                type="text"
                minlength="3"
                name="from_address_point_txt"
                class="from_address_point_txt post_route el_form_b_new_route"
                {% if form.fields.from_address_point.required %} required{% endif %}
                id="id_from_address_point_txt"
                placeholder="{% translate "Выберите страну и город" %}"
                {% if form.initial.from_address_point_txt %}value="{{ form.initial.from_address_point_txt }}"{% endif %}
        />
        <datalist id="from_address_point">

        </datalist>

        <div class="input_list post_route" name="from_address_point_txt_list">

        </div>
        {% if not errors_off and form.errors and form.errors.from_address_point %}
            <span id="error_from_address_point">{{ form.errors.from_address_point}}</span>
        {% endif %}
    </div>
    <div class="wrap_right">
    <label for="id_to_address_point_txt">
        {% if form.initial.owner_type == 'mover' and form.initial.type_transport == 'avia' or form.data.owner_type == 'mover' and form.initial.type_transport == 'avia' %}
                {% translate "Пункт прилета" %}
            {% elif form.initial.owner_type == 'mover' and form.initial.type_transport == 'road' or form.data.owner_type == 'mover' and form.initial.type_transport == 'road' %}
                {% translate "Пункт приезда" %}
            {% elif form.initial.owner_type == 'customer' or form.data.owner_type == 'customer'%}
                {% translate "Пункт прибытия" %}
        {% endif %}
    </label>
    <input
            type="number"
            name="to_address_point"
            id="id_to_address_point"
            class="el_form_b_new_route"
            hidden
            {% if form.initial.to_address_point %}value="{{ form.initial.to_address_point}}"{% endif %}
    />
    <input
            oninput="searchTown(this)"
            onclick="showSearchList(this)"
            onblur="onblurInputField(event, this)"
            onkeydown = "hideErrors(this)"
            onfocus="clearID(this)"
            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 post_route el_form_b_new_route"
            placeholder="{% translate "Выберите страну и город" %}"
            {% if form.initial.to_address_point_txt %}value="{{ form.initial.to_address_point_txt}}"{% endif %}

    />
    <div class="input_list post_route" name="to_address_point_txt_list">

    </div>
    {% if not errors_off and form.errors and form.errors.to_address_point %}
        <span id="error_to_address_point">{{ form.errors.to_address_point }}</span>
    {% endif %}
    </div>
    <div class="clear_both"></div>
  </div>
<hr>
    <div class="departure_arrival">
          <div class="wrap_left">
              <label for="id_departure_DT">

                {% if form.initial.owner_type == 'mover' and form.initial.type_transport == 'road' or form.data.owner_type == 'mover' and form.initial.type_transport == 'road' %}
                    {% translate "Дата и время выезда" %}
                {% elif form.initial.owner_type == 'mover' and form.initial.type_transport == 'avia' or form.data.owner_type == 'mover' and form.initial.type_transport == 'avia' %}
                    {% translate "Дата и время вылета" %}
                {% elif form.initial.owner_type == 'customer' or form.data.owner_type == 'customer' %}
                    {% translate "Дата и время отправки" %}
                {% endif %}

              </label>


{#          <input#}
{#                   type="datetime-local"#}
{#                   min= {% now "Y-m-d" %}T{% now "H:i" %}#}
{#                   name="departure_DT"#}
{#                   onchange="checkDate()"#}
{#                   {% if form.fields.departure_DT.required %} required{% endif %}#}
{#                   id="id_departure_DT"#}
{#                   class="el_form_b_new_route"#}
{#                    placeholder="Выберите дату и время"#}
{#                   {% if form.initial.departure_DT %}value="{{ form.initial.departure_DT.date|date:"Y-m-d" }}T{{ form.initial.departure_DT.time|date:"H:i" }}"{% endif %}#}
{#           />#}
          {# boris change input #}
            <input
                    class="el_form_b_new_route"
{#                    onchange="checkDate()"#}
{#                    onclick="setIcon(this)"#}
                    onmouseup="hideErrors(this)"
                    readonly
                    type="text"
                    id="id_departure_DT"
                    name="departure_DT"
                    placeholder="{% translate "Выберите дату и время" %}" {% if form.initial.departure_DT %}
                    value="{{ form.initial.departure_DT|date:"d.m.Y H:i" }}"{% endif %}/>
            <div id="displayRegervation"></div>

          {% if not errors_off and form.errors and form.errors.departure_DT %}
              <span id="error_departure_DT">{{ form.errors.departure_DT }}</span>
          {% endif %}

        </div>
          <div id="arrival_div">
          <label for="id_arrival_DT">

              {% if form.initial.owner_type == 'mover' or form.data.owner_type == 'mover'%}
                    {% translate "Дата и время прибытия" %}
                {% elif form.initial.owner_type == 'customer' or form.data.owner_type == 'customer' %}
                    {% translate "Дата и время доставки посылки" %}
              {% endif %}

          </label>
{#          <input#}
{#                  type="datetime-local"#}
{#                  min= {% now "Y-m-d" %}T{% now "H:i" %}#}
{#                  name="arrival_DT"#}
{#                  onchange="checkDate()"#}
{#                  {% if form.fields.arrival_DT.required %} required{% endif %}#}
{#                  id="id_arrival_DT"#}
{#                  class="el_form_b_new_route"#}
{#                  {% if form.initial.arrival_DT %}value="{{ form.initial.arrival_DT.date|date:"Y-m-d" }}T{{ form.initial.arrival_DT.time|date:"H:i" }}"{% endif %}#}
{#          />#}
        {# boris change input #}
            <input
                    class="el_form_b_new_route"
                    onchange="checkDate()"
                    onmouseup="hideErrors(this)"
                    type="text"
                    readonly
                    id="id_arrival_DT"
                    name="arrival_DT"
                    placeholder="{% translate "Выберите дату и время" %}" {% if form.initial.arrival_DT %}
                    value="{{ form.initial.arrival_DT|date:"d.m.Y H:i" }}"{% endif %}/>

            <div id="displayRegervation"></div>
        {# end #}
        {% if not errors_off and form.errors and form.errors.arrival_DT %}
            <span id="error_arrival_DT">{{ form.errors.arrival_DT }}</span>
        {% endif %}
        </div>
    <div class="clear_both"></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 class="wrap_left">
        <label for="id_from_place">
             {% if form.initial.owner_type == 'mover' or form.data.owner_type == 'mover'    %}
                    {% translate "Откуда можете забрать?" %}
             {% elif form.initial.owner_type == 'customer' or form.data.owner_type == 'customer' %}
                    {% translate "Откуда нужно забрать посылку?" %}
             {% endif %}
        </label>
        <select
                class="custom_select el_form_b_new_route"
                name="from_place"
    {#            onchange="hideErrorMsg(this)"#}
                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.initial.from_place == item.0 %}
                            selected="selected"{% endif %}>{{ item.1 }}
                    </option>
                {% endfor %}
        </select>
        {% if not errors_off and form.errors and form.errors.from_place %}
                     <span>{{ form.errors.from_place }}</span>
                 {% endif %}
    </div>
    <div class="wrap_right">
    <label for="id_to_place">
        {% if form.initial.owner_type == 'mover' or form.data.owner_type == 'mover' %}
                    {% translate "Куда можете доставить?" %}
        {% elif form.initial.owner_type == 'customer' or form.data.owner_type == 'customer' %}
                    {% translate "Куда нужно доставить посылку?" %}
        {% endif %}
    </label>
    <select
            name="to_place"
            id="id_to_place"
            class="custom_select el_form_b_new_route"
            {% if form.fields.to_place.required %} required{% endif %}>
            {% for item in form.fields.to_place.choices  %}
                <option
                        value="{{ item.0 }}"{% if form.initial.to_place == item.0 %}
                        selected="selected"{% endif %}>{{ item.1 }}
                </option>
            {% endfor %}
    </select>
    {% if not errors_off and form.errors and form.errors.to_place %}
                 <span>{{ form.errors.to_place }}</span>
             {% endif %}
    </div>
  <div class="clear_both"></div>
  </div>

<hr>

  <div>
    <label>{% if form.initial.owner_type == 'mover' or form.data.owner_type == 'mover' %}
                    {% translate "Могу перевезти:" %}
        {% elif form.initial.owner_type == 'customer' or form.data.owner_type == 'customer' %}
                    {% translate "Что нужно перевезти?" %}
        {% endif %}
    </label>


  </div>


<div class="checkbox_cargo_type">

            {% for item in form.fields.cargo_type.choices  %}
                <div>
                    <input
                        onclick="validate(this)"
                        class="custom-checkbox cargo_check"
                        type="radio"
                        name="cargo_type"

                        id="id_cargo_type_{{ forloop.counter }}"
                        {% if form.fields.cargo_type.required %} required{% endif %}
                            value="{{ item.0 }}"
                        {% if form.initial.cargo_type == item.0 %}
                            checked="checked"
                        {% endif %}
                    />

                    <label
                            onmousedown="hideErrors(this)"
                            id="id_cargo_lable"
                            for="id_cargo_type_{{ forloop.counter }}" >
                        <span>{{ item.1 }}</span>
                    </label>
                </div>
            {% endfor %}


{% if not errors_off and form.errors and form.errors.cargo_type %}
                     <span id="error_cargo_type">{{ form.errors.cargo_type }}</span>
                 {% endif %}

</div>


<hr>

  <div class="extra-controls">
      <label for="id_weight">{{ form.fields.weight.label }}</label>
      <input
              type="number"
              maxlength="4"
              class="js-input"
              placeholder="{{ p_weight }}"
              class="el_form_b_new_route"
              {% if form.fields.weight.required %} required{% endif %}

      />
  {% if not errors_off and form.errors and form.errors.weight %}
                     <span>{{ form.errors.weight }}</span>
                 {% endif %}
  </div>

  <div class="range-slider">

      <input
              type="text"
              id="id_weight" id="id_weight"
              class="el_form_b_new_route"
              name="weight"
              {% if form.initial.weight %}
                value="{{ form.initial.weight }}"
              {% endif %}
      />
  {% if not errors_off and form.errors and form.errors.weight %}
      <span>{{ form.errors.weight }}</span>
  {% endif %}
  </div>



<hr>

<div class="phone">
  <div class="wrap_left">
    <label for="id_phone">{{ form.fields.phone.label }}</label>
    <input
            type="phone"
            name="phone"
            onkeydown="hideErrors(this)"
            autocomplete="off"
            maxlength="13"
            minlength="11"
            class="el_form_b_new_route"
            placeholder="{{ form.fields.phone.label }}"
            {% if form.fields.phone.required %} required{% endif %}
            id="id_phone"
            {% if form.initial.phone %}value="{{ form.initial.phone}}"{% endif %}

    />
      {% if not errors_off and form.errors and form.errors.phone %}
          <span id="error_id_phone">{{ form.errors.phone|safe }}</span>
      {% endif %}
  </div>

  <div class="phone_right">

    <label for="id_extra_phone">{{ form.fields.extra_phone.label }}</label>
    <input
            type="phone"
            name="extra_phone"
            id="id_extra_phone"
            class="el_form_b_new_route"
            autocomplete="off"
            maxlength="13"
            minlength="11"
            placeholder="{{ form.fields.extra_phone.label }}"
            {% if form.initial.extra_phone %}value="{{ form.initial.extra_phone}}"{% endif %}
    />
  {% if not errors_off and form.errors and form.errors.extra_phone %}
      <span>{{ form.errors.extra_phone }}</span>
  {% endif %}

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

<hr>

  <div>

    <input type="checkbox"
           name="receive_msg_by_email"
           class="custom-checkbox"
           {% if form.initial.receive_msg_by_email == True %}
                checked="checked"
           {% endif %}
           id="id_receive_msg_by_email">
    <label for="id_receive_msg_by_email">
        <div class="receive_msg_by_email">{{ form.fields.receive_msg_by_email.label }}</div>

        <img id="img_msg_by_email"
           src="/static/img/svg/info2.svg"
           alt="">
        <div class="title_for_msg_by_email">{% translate "Выберите, чтобы получать уведомление на E-mail, как только появится посылка по заданным критериям" %}</div>

    </label>

  

       {% if not errors_off and form.errors and form.errors.receive_msg_by_email %}
                    {{ form.errors.receive_msg_by_email }}
                 {% endif %}
  </div>
  <div class="button_register">
     <button type="submit" id="registration" onclick="sendRoute(this, {% if route.id%}{{ route.id }}{% endif %})"> {% translate "Разместить объявления" %}   </button>
  </div>


{% endif %}

</form>