{% form_theme form 'form/checkbox.html.twig' %}
<div {{ attributes.defaults(stimulus_controller('feedback')) }} class="d-inline-block">
    <button type="button" class="btn btn-sm btn-warning position-relative fs-4" data-bs-toggle="modal" data-bs-target="#supportModal"
    title="Support">
        {{ ux_icon('material-symbols:support',{height: '96px', width: '96px'}) }}
          
        {% if count > 0 %}            
        <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">
            {{count}}
            <span class="visually-hidden">{{ 'support.unread'|trans }}}</span>
          </span>
        {% endif %}
    </button>
    <div class="modal fade" id="supportModal" tabindex="1" aria-labelledby="supportModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-fullscreen">
            <div class="modal-content d-flex justify-content-between">
                {{ form_start(form, {
                attr: {
                'data-action': 'live#action:prevent',
                'data-live-action-param': 'save'
                }
                }) }}
                <div class="modal-header">
                    <h5 class="modal-title" id="supportModalLabel">-{{ 'support.title'|trans }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body mt-4 pt-4">

                    {{form_widget(form)}}

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ 'btn.close'|trans }}</button>
                    <button class="btn btn-primary">{{ 'btn.send'|trans }}</button>
                </div>
                {{form_end(form)}}
                <a href="{{path('app_user_support')}}" class="btn btn-outline-success fw-bold">{{ 'support.tickets'|trans }}</a>
            </div>
        </div>
    </div>
</div>