{% form_theme form '@SyliusShop/Form/theme.html.twig' %}

<div class="ui form items">
    {{ form_start(form, {'action': path('monsieurbiz_sylius_search_post'), 'method': 'POST', 'attr': {'class': 'ui search item autocomplete-search'}}) }}
    {{ form_errors(form) }}

    <div class="dropdown">
        <div class="input-group">
            {{ form_widget(form.query, {'value': query, 'attr': {'placeholder': 'monsieurbiz_searchplugin.form.query'|trans, 'autocomplete': 'off'} }) }}
            <div class="input-group-append">
                {{ form_widget(form.submit, {'attr': {'class': 'btn btn-outline-secondary'}}) }}
            </div>
        </div>
        <div class="dropdown-menu p-4 text-muted autocomplete-results" style="overflow-y: auto"></div>
    </div>
    {{ form_end(form, {'render_rest': false}) }}
</div>
