{% form_theme form with ['form_div_layout.html.twig', '@KarserRecaptcha3/Form/karser_recaptcha3_widget.html.twig'] only %}

{% set flashes = app.flashes('success') %}

<div data-webform-id="{{ form.vars.id }}">
    {% if flashes|length > 0 %}
        {% for message in flashes %}
            <div>{{ message }}</div>
        {% endfor %}
    {% endif %}

    {{ form_start(form, { 'attr': { 'class': 'form js-form-validation', 'id': form.vars.id  } }) }}
        {{ form_errors(form) }}

        <div class="form__input-wrapper">
            {{ form_widget(form.form_data.username, {'attr': { 'class': 'form__input', 'placeholder':' ', 'data-rules': 'nonEmpty' }}) }}
            {{ form_label(form.form_data.username, 'Ваше имя', {'label_attr': { 'class': 'form__label' }}) }}
        </div>
        <div class="form__input-wrapper">
            {{ form_widget(form.form_data.phone, {'attr': { 'class': 'form__input js-masked-input', 'placeholder':' ', 'data-rules': 'nonEmpty tel' }}) }}
            {{ form_label(form.form_data.phone, 'Номер телефона', {'label_attr': { 'class': 'form__label' }}) }}
        </div>
        <div class="form__input-wrapper">
            {{ form_widget(form.form_data.question, {'attr': { 'class': 'form__textarea', 'placeholder':' ' }}) }}
            {{ form_label(form.form_data.question, 'Вопрос', {'label_attr': { 'class': 'form__label-textarea' }}) }}
        </div>
        <div class="form__policy">
            {{ static_block('form-policy-link')|raw }}
        </div>

        {{ form_widget(form.submit, { 'label': 'Отправить', 'attr': { 'class': 'btn btn--primary'} }) }}

        <div class="hidden">
            {{ form_rest(form.form_data) }}
        </div>
    {{ form_end(form) }}
</div>