{%- import 'sner/_macros.html' as macros_sner with context -%}

{%- set content_id = get_uuid4() -%}
<div class="popover-hover"
     role="button"
     data-popover-content="#po-{{ content_id }}">
    <span class="badge text-bg-secondary">
        {{ get_icon("module-sner") }} |
        {% if search_result|length == 1 %}
            {{ search_result|length }} {{ _("service") }}
        {% elif search_result|length > 1 %}
            {{ search_result|length }} {{ _("services") }}
        {% endif %}
    </span>
    <div id="po-{{ content_id }}" class="d-none">
        <div class="popover top">
            <div class="popover-arrow" data-popper-arrow>
            </div>
            <h3 class="popover-title">
                <a href="{{ url_for('host_info.search', submit = _('Search'), search = search_item) }}"
                   data-bs-toggle="tooltip"
                   title="{{ _('Go to full search page') }}">
                    {{ macros_sner.get_title() }}
                </a>
            </h3>
            <div class="popover-content">
                {{ macros_sner.render_results(search_result, small=True) }}
            </div>
        </div>
    </div>
</div>