{% 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>
            <div class="left_inputs_form">
                <div class="inputs_l">
            <input name="username" type="text" placeholder="{% translate 'Имя' %}" {% if form.data.username %} value="{{ form.data.username }}"{% endif %}>
            {% if form.username and form.errors.username %}
            <span>{{ form.errors.username }}</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.email and form.errors.email %}
                <span>{{ form.errors.email }}</span>
                     {% endif %}
              </div>

              <div class="inputs_l">
                <input name="tel" type="number" placeholder="{% translate 'Телефон' %}"{% if form.data.tel %} value="{{ form.data.tel }}"{% endif %}>
                {% if form.tel and form.errors.tel %}
                <span>{{ form.errors.tel }}</span>
                     {% endif %}
              </div>
            </div>
            <div class="right_inputs_form">
                <div class="counter-box">
                    <label for="id_text"></label>
                    <textarea
                            name="text"
                            onFocus="this.select()"
                            oninput="counterText(this)"
                            id="id_text" class="feedback_form_message"
                                    placeholder= '{% translate "Сообщение" %}'
                            value="{% if form.adding_machine.text %}{{ form.initial.text }}{% endif %}"
                            maxlength="100"
                    ></textarea>
                    <span class="counter-text">
                          <span class="counter-text__current">0</span>
                          /
                          <span class="counter-text__total">100</span>
                    </span>

                </div>
                <div class="button_feedback_form">
                    <button id="send_feedback_form">{% translate 'Отправить сообщение' %}</button>

                </div>


            </div>

        </form>


    </div>