{%- extends "_layout_list.html" %}

{%- block searchformfields %}
    <div class="row gy-2 gx-3 mb-3">
        <div class="col-sm-4">
            {{ macros_form.render_form_item_default(g.search_form.search) }}
        </div>
        <div class="col-sm-4">
            {{ macros_form.render_form_item_datetime(g.search_form.dt_from, 'datetimepicker-hm-from') }}
        </div>
        <div class="col-sm-4">
            {{ macros_form.render_form_item_datetime(g.search_form.dt_to, 'datetimepicker-hm-to') }}
        </div>
    </div>
    <div class="row gy-2 gx-3 mb-3">
        <div class="col-sm-4">
            {{ macros_form.render_form_item_select(g.search_form.scope) }}
        </div>
    </div>
{%- endblock searchformfields %}

{%- block contentinner %}
    <div class="table-responsive">
        <table class="table table-bordered table-hover table-striped hawat-datatable">
            <thead>
                <tr>
                    <th>
                        {{ _("Name") }} {{ macros_site.render_sorter(request.endpoint, query_params, 'name') }}
                    </th>
                    {# <th>
                        {{ _("Type") }}
                    </th> #}
                    <th>
                        {{ _("Scope") }}
                    </th>
                    <th>
                        {{ _("Owner / Group") }}
                    </th>
                    <th>
                        {{ _("Description") }}
                    </th>
                    <th>
                        {{ _("Created") }} {{ macros_site.render_sorter(request.endpoint, query_params, 'createtime') }}
                    </th>
                    <th data-bs-toggle="tooltip" title="{{ _('Contextual item actions') }}">
                        {{ get_icon("actions") }} {{ _("Actions") }}
                    </th>
                </tr>
            </thead>
            <tbody>
                {%- for item in items %}
                    {%- set views = item_action_urls.get(item.id, []) %}
                    <tr>
                        <td>
                            {{ item.name | default(_('<< unknown >>'), True) }}
                        </td>
                        {# <td>
                            <span class="badge bg-secondary">{{ query_type_titles.get(item.query_type, item.query_type) }}</span>
                        </td> #}
                        <td>
                            {%- if item.scope == '__USER__' %}
                                <span class="badge bg-success">{{ _("Private") }}</span>
                            {%- elif item.scope == '__GROUP__' %}
                                <span class="badge bg-info">{{ _("Group") }}</span>
                            {%- elif item.scope == '__GLOBAL__' %}
                                <span class="badge bg-danger">{{ _("Global") }}</span>
                            {%- endif %}
                        </td>
                        <td>
                            {%- if item.user %}
                                {{ item.user.fullname }}
                            {%- elif item.group %}
                                {{ item.group.name }}
                            {%- else %}
                                —
                            {%- endif %}
                        </td>
                        <td>
                            {%- if item.description %}
                                {{ item.description | truncate(60) }}
                            {%- else %}
                                —
                            {%- endif %}
                        </td>
                        <td>
                            {{ babel_format_datetime(item.createtime) }}
                        </td>
                        <td class="column-actions">
                            <div class="d-flex flex-wrap align-items-center">
                                {%- if views %}
                                    <div class="btn-group m-1" role="group">
                                        <a data-bs-toggle="dropdown"
                                           data-bs-popper-config='{"strategy":"fixed"}'
                                           role="button"
                                           aria-haspopup="true"
                                           href="#"
                                           class="btn btn-outline-primary btn-sm dropdown-toggle"
                                           aria-expanded="false"
                                           title="{{ _('Load the query into a supporting view to use or edit it') }}">
                                            {{ get_icon('action-search') }} {{ _("Load") }}
                                        </a>
                                        <ul class="dropdown-menu">
                                            {%- for v in views %}
                                                <li>
                                                    <a href="{{ v.get_stored_query_edit_url(item) }}" class="dropdown-item">
                                                        {{ get_icon(v.get_view_icon()) }} {{ v.get_view_title() }}
                                                    </a>
                                                </li>
                                            {%- endfor %}
                                        </ul>
                                    </div>
                                {%- else %}
                                    <span class="text-muted m-1">{{ _("No supported views") }}</span>
                                {%- endif %}
                                {%- if item.scope == '__USER__' and share_groups %}
                                    <div class="btn-group" role="group">
                                        <a data-bs-toggle="dropdown"
                                           data-bs-popper-config='{"strategy":"fixed"}'
                                           role="button"
                                           aria-haspopup="true"
                                           href="#"
                                           class="btn btn-outline-info btn-sm dropdown-toggle m-1"
                                           aria-expanded="false"
                                           title="{{ _('Share a private query with one of your groups') }}">
                                            {{ get_icon('module-groups') }} {{ pgettext("action", "Share") }}
                                        </a>
                                        <ul class="dropdown-menu">
                                            {%- for g in share_groups %}
                                                <li>
                                                    <form method="POST"
                                                          action="{{ url_for('stored_queries.update', item_id=item.id) }}"
                                                          class="dropdown-item d-grid p-0">
                                                        <input type="hidden" name="csrf_token" value="{{ share_csrf_token }}">
                                                        <input type="hidden" name="scope" value="{{ g.name }}">
                                                        <input type="hidden" name="submit" value="1">
                                                        <button type="submit" class="btn btn-sm text-decoration-none border-0 w-100 text-start">
                                                            {{ get_icon('module-groups') }} {{ g.name }}
                                                        </button>
                                                    </form>
                                                </li>
                                            {%- endfor %}
                                        </ul>
                                    </div>
                                {%- endif %}
                                {{ macros_page.render_menu_context_actions(item) }}
                            </div>
                        </td>
                    </tr>
                {%- endfor %}
            </tbody>
        </table>
    </div>
{%- endblock contentinner %}