{{ include_javascript('tools/fulltextsearch/javascripts/lib/htmx.min.js') }}
{{ include_javascript('tools/fulltextsearch/javascripts/lib/idiomorph.min.js') }}
{{ include_javascript('tools/fulltextsearch/javascripts/lib/idiomorph-ext.min.js') }}
{{ include_javascript('tools/fulltextsearch/javascripts/htmx.js') }}

{{ include_javascript('javascripts/vendor/datatables-full/jquery.dataTables.min.js') }}
{{ include_css('styles/vendor/datatables-full/dataTables.bootstrap.min.css') }}
{{ include_css('tools/fulltextsearch/styles/fulltextsearch.css') }}

<p>{{ _t('FULLTEXTSEARCH_INIT_TITLE') }}</p>
<div id="fullTextSearch-engineConfigure" hx-ext="morph" {# Morph extension to avoid spinner flickering #}>
    {{ include('@fulltextsearch/_fragments/button-init.html.twig') }}
</div>


<p>{{ _t('FULLTEXTSEARCH_EXCLUSIONS_TITLE') }}</p>
<div class="table-responsive">
    <table class="table table-striped table-condensed"
           data-paging="true"
           data-dom="<'row'<'col-sm-6 col-sm-offset-6'f>><'row'<'col-sm-12'tr>><'row'<'col-sm-6'i><'col-sm-6'p>>"
    >
        <thead>
        <tr>
            <th><div><b>{{ _t('ACLS_PAGE') }}</b></div></th>
            <th><div align="center"><b>{{ _t('FULLTEXTSEARCH_EXCLUSIONS_LABEL_STATE') }}</b></div></th>
        </tr>
        </thead>
        <tbody>
        {% for tag, exclusion in exclusions  %}
            <tr>
                <td>
                    {{ tag }}
                </td>
                <td >

                    {{ include('@fulltextsearch/_fragments/button-exclusion.html.twig', {tag: tag, exclusion: exclusion}) }}
                </td>
            </tr>

        {% endfor %}
        </tbody>
    </table>
</div>
