{{ form_start(form, {
    'attr': {
        'id': 'feedback-form',
        'data-feedback-target': 'form'
    }
}) }}

<div class="feedback-form-content">
    <div class="mb-3">
        {{ form_label(form.title) }}
        {{ form_widget(form.title) }}
        {{ form_errors(form.title) }}
    </div>

    <div class="mb-3">
        {{ form_label(form.category) }}
        {{ form_widget(form.category) }}
        {{ form_errors(form.category) }}
    </div>

    <div class="mb-3">
        {{ form_label(form.message) }}
        {{ form_widget(form.message) }}
        {{ form_errors(form.message) }}
    </div>

    {{ form_widget(form.pageUrl) }}
</div>

<div class="feedback-form-footer">
    <button type="button" class="btn btn--secondary" data-action="click->shared--feedback#closeModal">
        Annuler
    </button>
    <button type="submit" class="btn btn--primary" data-shared--feedback-target="submitButton">
        <span data-shared--feedback-target="submitText">Envoyer mon retour</span>
        <span class="spinner-border spinner-border-sm d-none" data-shared--feedback-target="submitSpinner"></span>
    </button>
</div>

{{ form_end(form) }}