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

    <div class="feedback_form">

        {% if page.url == 'contacts' or page.url == 'about_service' %}
            <div id=title_static>{% blocktrans %}Мы всегда на <span class="color_title">связи</span>!{% endblocktrans %}</div>
            <span id="sub_title_static">{% translate "У вас есть вопрос? Отправьте нам сообщение" %}</span>
        {% endif %}

        {% if page.url == 'customer_service' %}
            <h2 id=title_static>{% translate "Служба поддержки" %}</h2>
            <span id="sub_title_static">{% translate "Пожалуйста опишите Ваш вопрос максимально подробно, а также укажите Ваш e-mail для обратной связи." %}</span>
        {% endif %}

        <form
            class="clear_form"
            {% if page.url == 'contacts' %} data-name="msg_from_contacts"{% endif %}
            {% if page.url == 'about_service' %} data-name="msg_from_about_service"{% endif %}
            {% if page.url == 'customer_service' %} data-name="msg_from_customer_service"{% endif %}
        >
            <div class="left_inputs_form">
                <div class="inputs_l">
            <input name="name"
                   type="text"
{#                    {% if form.name %} required{% endif %}#}

                   placeholder="{% translate 'Имя' %}" {% if form.data.name %} value="{{ form.data.name }}"{% endif %}>
            {% if form.errors.name %}
                <span>{{ form.errors.name }}</span>
            {% endif %}
            </div>

              <div class="inputs_l">
                <input
                        name="email"
                        type="email"

                        placeholder="Е-mail"{% if form.data.email %} value="{{ form.data.email }}"{% endif %}
                >
                {% if form.errors.email %}
                    <span>{{ form.errors.email }}</span>
                {% endif %}
              </div>

              <div class="inputs_l">
                <input name="phone"
                       type="tel"

                       placeholder="{% translate 'Телефон' %}"{% if form.data.phone %} value="{{ form.data.phone }}"{% endif %}>
                {% if form.errors.phone %}
                    <span>{{ form.errors.phone }}</span>
                {% endif %}
              </div>
            </div>
            <div class="right_inputs_form">
                <div class="counter-box">
                    <label for="id_text"></label>
                    <textarea
                            name="text_msg"
                            onFocus="this.select()"

                            oninput="counterText(this)"
                            id="id_text"
                            class="feedback_form_message"
                            placeholder= '{% translate "Сообщение" %}'
{#                            value="{% if form.data.text_msg %}{{ form.initial.text_msg }}{% endif %}"#}
                            maxlength="100"
                    ></textarea>
                    <span class="counter-text">
                          <span class="counter-text__current">0</span>
                          /
                          <span class="counter-text__total">100</span>
                    </span>

                </div>
                {% if form.errors.text_msg %}
                    <span>{{ form.errors.text_msg }}</span>
                {% endif %}
                <div class="button_feedback_form">
                    <button onclick="RequestCommercialOffer(this)" id="send_feedback_form">{% translate 'Отправить сообщение' %}</button>

                </div>


            </div>

        </form>


    </div>