<div class="">
    <div class="d-flex align-items-center mb-3">
        <a target="_blank" class="me-3"
            href="https://solr.apache.org/guide/solr/latest/query-guide/query-syntax-and-parsers.html">{{ _('Solr Query
            Syntax') }}</a>
        <a target="_blank" href="https://solr.apache.org/">{{ _('Documentation') }}</a>
    </div>
    <form class="form-control border-0 shadow-none p-0" hx-post="{{ h.url_for('selftools_htmx.selftools_solr_query') }}" hx-trigger="submit" hx-target="#solr-query-resp" hx-swap="innerHTML">
        <div>
            <label for="message">Query</label>
            <input type="text" name="q" id="solr_q" class="form-control" required value="q=*:*&rows=20">
            <div class="info-block mb-2">
                <i class="fa fa-info-circle"></i>
                {{ _('Example CKAN default Search query: q=test&df=text&sort=score desc, metadata_modified desc&qf=name^4 title^4 tags^2 groups^2 text&q.op=AND&defType=dismax') }}
            </div>
        </div>
        <button type="submit" class="btn btn-dark mt-2">Submit</button>
    </form>
</div>

<div id="solr-query-resp" class="bg-light p-3 border rounded mt-3">Output here...</div>
