<script type="text/javascript">
    var monsieurbizSearchPlugin = {
        instantEnabled: true,
        refreshWithButton: {{ monsieurbiz_search_filter_applied_manually() ? 'true' : 'false' }},
        instantUrl: '{{ path('monsieurbiz_sylius_search_instant') | escape('js') }}', // URL for instant search
        searchInputSelector: '.autocomplete-search input[type=text]', // Selector for search input text field
        resultClosestSelector: '.autocomplete-search', // Selector used to display results, take the closest parent of searchInputSelector
        resultFindSelector: '.autocomplete-results', // Selector used to display results, take the closest parent of searchInputSelector
        loaderSelector: '.mbiz-sylius-search-grid .dimmer', // Selector used to display results, take the closest parent of searchInputSelector
        keyUpTimeOut: 500, // Time in millisecond to wait to be sure the user ended typing
        minQueryLength: 3, // Number of characters minimum to call instant search
        filterForm: '.mbiz-sylius-search-filters form[name="filters-form"]',
        priceFilterSelector: '.mbiz-sylius-search-filters input[type="number"]',
        attributeFilterSelector: '.mbiz-sylius-search-filters input[type="checkbox"]',
    };
</script>
{% include '@SyliusUi/_javascripts.html.twig' with {'path': 'bundles/monsieurbizsyliussearchplugin/js/app.js'} %}
