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

<form name="make_poster_order" class="f_make_poster_order">
    {% trans "Укажите город" as placeholder_for_city %}

    <div class="form_line _50_grid">
        <div class="field_container" 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 %}
        </div>
        <div class="field_container" 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 %}
        </div>
    </div>
    <div class="form_line">
        <div class="field_container" 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 %}
        </div>
    </div>
    <div class="form_line _50_grid">
        <div class="field_container" data-name="cargo_type">
            <label for="id_cargo_type"><div class="required_field_icon">*</div> {% trans "Дата доставки посылки" %}</label>
            {% include 'v2/widgets/w_daterangepicker.html' with name='arrival_DT' %}
        </div>
    </div>
    <div class="form_line">
        <div class="field_container" 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' list=form.fields.type_transport.choices %}
            {% include 'v2/widgets/w_pay_attention.html' with text=attention_type_transport %}
        </div>
    </div>
    <div class="form_line">
        <div class="field_container" style="width: 100%" data-name="phone">
            {% trans "Если вы оставите это поле пустым - перевозчики смогут только написать вам в личные сообщения на нашем сайте TripWB.com" as attention_phone %}
            <label for="id_cargo_type">{% trans "Контактный номер телефона, по которому с Вами могут связаться перевозчики" %}</label>
            <input style="height: unset;width: calc(50% - 40px);" type="text" name="phone" id="id_phone" placeholder="{% trans 'Укажите телефон' %}">
            {% include 'v2/widgets/w_pay_attention.html' with text=attention_phone %}
        </div>
    </div>
    <div class="form_line">
        <div class="field_container" style="width: 100%;--textarea-height: 130px;" data-name="comment">
            {% trans 'Если желаете, то здесь можно указать важную информацию, например: вес, габариты посылки, количество попутчиков и т.д.)' as comment_placeholder %}
            <label for="id_cargo_type">{% trans "Примечание (необязательно)" %}</label>
            {% include 'v2/widgets/w_textarea_w_counter.html' with name='comment' placeholder=comment_placeholder max_val='300' %}
        </div>
    </div>
    <div class="form_line">
        <div class="field_container line" data-name="comment">
            <div class="checkbox"></div>
        </div>
    </div>

</form>