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

<form name="make_poster_order" class="f_make_poster_order" data-owner_type="customer">
    <div class="form_line">
        <div class="field_container" data-type="radio" data-name="type_transport">
            {% trans "Обязательно учитывайте Правила и особенности перевозки выбранным Вами видом транспорта" as attention_type_transport %}
            <label for="id_cargo_type"><div class="required_field_icon">*</div> {% trans "Каким способом Вы хотите отправить?" %}</label>
            {% include 'v2/widgets/w_radio_inputs.html' with name='type_transport' callback='updateCargoTypeInForm' list=form.fields.type_transport.choices initial=form.initial.type_transport %}
            {% if form.errors.type_transport %}<div class="error_container">{{ form.errors.type_transport.0 }}</div>{% endif %}
            {% include 'v2/widgets/w_pay_attention.html' with text=attention_type_transport %}
        </div>
    </div>

    {% trans "Укажите город" as placeholder_for_city %}
    <div class="form_line _50_grid">
        <div class="field_container" data-type="location" data-name="from_city">
            <label for="id_from_city"><div class="required_field_icon">*</div> {% trans "Откуда забрать посылку" %}</label>
            {% include 'v2/widgets/w_select_country.html' with name='from_city' placeholder=placeholder_for_city initial=form.initial.from_city %}
            {% if form.errors.from_city %}<div class="error_container">{{ form.errors.from_city.0 }}</div>{% endif %}
        </div>
        <div class="field_container" data-type="location" data-name="to_city">
            <label for="id_from_city"><div class="required_field_icon">*</div> {% trans "Куда доставить посылку" %}</label>
            {% include 'v2/widgets/w_select_country.html' with name='to_city' placeholder=placeholder_for_city initial=form.initial.to_city %}
            {% if form.errors.to_city %}<div class="error_container">{{ form.errors.to_city.0 }}</div>{% endif %}
        </div>
    </div>
    <div class="form_line">
        <div class="field_container" data-type="radio" data-name="cargo_type">
            <label for="id_cargo_type"><div class="required_field_icon">*</div> {% trans "Каким способом Вы хотите отправить?" %}</label>
            {% include 'v2/widgets/w_radio_inputs.html' with name='cargo_type' list=form.fields.cargo_type.choices initial=form.initial.cargo_type %}
            {% if form.errors.cargo_type %}<div class="error_container">{{ form.errors.cargo_type.0 }}</div>{% endif %}
        </div>
    </div>
    <div class="form_line _50_grid">
        <div class="field_container" data-type="date" data-name="arrival_DT">
            <label for="id_arrival_DT"><div class="required_field_icon">*</div> {% trans "Дата доставки посылки" %}</label>
            {% include 'v2/widgets/w_daterangepicker.html' with name='arrival_DT' initial=form.initial.arrival_DT %}
            {% if form.errors.arrival_DT %}<div class="error_container">{{ form.errors.arrival_DT.0 }}</div>{% endif %}
        </div>
    </div>
    <div class="form_line">
        <div class="field_container" data-type="input" style="width: 100%" data-name="phone">
            {% trans "Если вы оставите это поле пустым - перевозчики смогут только написать вам в личные сообщения на нашем сайте TripWB.com" as attention_phone %}
            <label for="id_cargo_type">{% trans "Контактный номер телефона, по которому с Вами могут связаться перевозчики" %}</label>
            <input class="half" style="height: unset;" type="text" name="phone" id="id_phone" placeholder="{% trans 'Укажите телефон' %}"{% if form.initial.phone %} value="{{ form.initial.phone }}" {% endif %}>
            {% if form.errors.phone %}<div class="error_container">{{ form.errors.phone.0 }}</div>{% endif %}
            {% include 'v2/widgets/w_pay_attention.html' with text=attention_phone %}
        </div>
    </div>
    <div class="form_line">
        <div class="field_container" data-type="textarea" style="width: 100%;--textarea-height: 130px;" data-name="comment">
            {% trans 'Если желаете, то здесь можно указать важную информацию, например: вес, габариты посылки, количество попутчиков и т.д.)' as comment_placeholder %}
            <label for="id_comment">{% trans "Примечание (необязательно)" %}</label>
            {% include 'v2/widgets/w_textarea_w_counter.html' with name='comment' placeholder=comment_placeholder max_val='300' initial=form.initial.comment %}
            {% if form.errors.comment %}<div class="error_container">{{ form.errors.comment.0 }}</div>{% endif %}
        </div>
    </div>
    <div class="form_line">
        <div class="field_container line" data-type="checkbox" data-name="receive_msg_by_email">
            <div class="checkbox{% if form.initial.receive_msg_by_email %} checked{% endif %}" onclick="chooseCheckbox(this)"></div>
            <div class="checkbox_label" onclick="chooseCheckbox(this)">{% trans "Хочу получать уведомления на E-mail о появлении перевозчика по моим критериям" %}</div>
            {% if form.errors.receive_msg_by_email %}<div class="error_container">{{ form.errors.receive_msg_by_email.0 }}</div>{% endif %}
            {% include 'v2/widgets/w_additional_info.html' %}
        </div>
    </div>

    <button type="submit" onclick="makePosterOrder(this.form)">{% trans "Разместить объявление" %}</button>
</form>