{%- import '_macros_site.html' as macros_site with context -%}
{%- import 'nerd/_macros.html' as macros_nerd 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-nerd") }} | {{ '{:.3f}'.format(search_result[0]['rep']) }}
        {% if search_result|length > 1 %}
            ({{ _('%(cnt)d more', cnt = (search_result|length -1)) }})
        {% 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_nerd.get_title() }}
                </a>
                <span class="float-end">
                    <span data-bs-toggle="tooltip"
                          title="{{ _('Query time') }}: {{ get_timedelta(g.requeststart) }}">
                        {{ get_icon("stopwatch") }}
                    </span>
                </span>
            </h3>
            <div class="popover-content">
                <table class="table table-sm">
                    <thead>
                        <tr>
                            <th>
                            </th>
                            <th>
                                {{ _("Reputation") }}
                            </th>
                            <th>
                                {{ _("IP") }}
                            </th>
                            <th>
                                {{ _("Hostname") }}
                            </th>
                            <th>
                                {{ _("Tags") }}
                            </th>
                            <th>
                                {{ _("Blacklists") }}
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        {%- for item in search_result %}
                            <tr>
                                <td>
                                    {{ loop.index }}
                                </td>
                                <td>
                                    {{ '{:.3f}'.format(item['rep']) }}
                                </td>
                                <td>
                                    {{ item.get('ip', get_icon('unassigned')) }}
                                </td>
                                <td>
                                    {{ item.get('hostname', get_icon('unassigned')) }}
                                </td>
                                <td>
                                    {%- if 'tags' in item and item['tags'] %}
                                        {% for tag in item['tags'] %}
                                            <span class="badge text-bg-secondary">
                                                {{ tag['n'] }} ({{ tag['c'] }}x)
                                            </span>
                                        {% endfor %}
                                    {%- endif %}
                                </td>
                                <td>
                                    {%- if 'bl' in item and item['bl'] %}
                                        {% for bl in item['bl'] %}
                                            <span class="badge text-bg-secondary">
                                                {{ bl }}
                                            </span>
                                        {% endfor %}
                                    {%- endif %}
                                </td>
                            </tr>
                        {%- endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>