{#- ----------------------------------------------------------------------------

    Macro for rendering a form widget in default style.

----------------------------------------------------------------------------- #}

{%- macro render_form_item_default(form_item, with_errors = True, placeholder = None) %}
    <div>
        {{ render_form_label_help(form_item) }}
        {{ form_item(placeholder=placeholder or '', **kwargs) }}
        {%- if with_errors %}
            {{ render_form_feedback(form_item, bound_to_input = True) }}
        {%- endif %}
    </div>
{%- endmacro %}


{#- ----------------------------------------------------------------------------

    Macro for rendering a form select widget with selectpicker class.

----------------------------------------------------------------------------- #}

{%- macro render_form_item_select(form_item, with_errors = True, empty_message=_('Nothing selected'), class_ = "") %}
    <div>
        {{ render_form_label_help(form_item) }}
        {{ form_item(**{'data-none-selected-text': empty_message, 'class_': class_}) }}
        {%- if with_errors %}
            {{ render_form_feedback(form_item, bound_to_input = True) }}
        {%- endif %}
    </div>
{%- endmacro %}


{#- ----------------------------------------------------------------------------

    Macro for rendering a form widget with datetime selection class.

----------------------------------------------------------------------------- #}

{%- macro render_quick_options_dropdown(form_item, icon) %}
    {%- if form_item.quick_options %}
        <button type="button" class="btn btn-outline-tertiary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
            {{ icon }}
        </button>
        <ul class="dropdown-menu dropdown-menu-end">
            {%- for value, label in form_item.quick_options %}
                <li>
                    <a href="#" class="dropdown-item quick-option" data-value="{{ value }}">
                        {{ label }}
                    </a>
                </li>
            {%- endfor %}
        </ul>
    {%- endif %}
{%- endmacro %}

{%- macro render_form_item_datetime(form_item, ident, with_errors = True, use_seconds = False, use_current = False, form = None, idea_help = False) %}
    <div>
        {%- call render_form_label_help_html(form_item) %}
            {%- if idea_help %}
                {{ render_help_idea_reference() }}
            {%- endif %}
            {{ render_help_datetime(form_item) }}
        {%- endcall %}
        {%- set low_high_group = form and form.get_low_high_group and form.get_low_high_group(form_item.name) %}
        {%- set low_high = form and form.get_low_high and form.get_low_high(form_item.name) %}
        <div id="{{ ident }}"
             class="input-group date{% if form_item.quick_options %} quick-option-field{% endif %}{% if with_errors and (form_item.errors or form_item.warnings) %} has-validation{% endif %}"
             data-td-target-input="nearest"
             data-td-target-toggle="nearest"
             {% if low_high_group and low_high %}
                 data-low-high-group="{{ low_high_group }}"
                 data-low-high="{{ low_high }}"
             {% endif %}
             {% if use_seconds %}
                 data-use-seconds="true"
             {% endif %}
             {% if use_current %}
                 data-use-current="true"
             {% endif %}>
            {{ form_item(data_td_target = "#" + ident, **kwargs) }}
            <button type="button" class="btn btn-outline-tertiary input-group-text" data-td-target="#{{ ident }}" data-td-toggle="datetimepicker">
                {{ get_icon("calendar") }}
            </button>
            {{ render_quick_options_dropdown(form_item, get_icon("clock")) }}
            {%- if with_errors %}
                {{ render_form_feedback(form_item, bound_to_input = True) }}
            {%- endif %}
        </div>
        <div class="text-muted">
            <small>
                {{ _('Note: Your selected timezone is &quot;<em>%(tz)s</em>&quot;', tz = session.timezone) | safe }}
            </small>
        </div>
    </div>
{%- endmacro %}

{%- macro render_form_item_with_quick_options(form_item, ident, icon, with_errors = True) %}
    <div>
        {{ render_form_label_help(form_item) }}
        <div id="{{ ident }}" class="quick-option-field input-group{% if with_errors and (form_item.errors or form_item.warnings) %} has-validation{% endif %}">
        {{ form_item() }}
        {{ render_quick_options_dropdown(form_item, icon) }}
        </div>
        {%- if with_errors %}
            {{ render_form_feedback(form_item, bound_to_input = True) }}
        {%- endif %}
    </div>
{%- endmacro %}


{#- ----------------------------------------------------------------------------

    Macro for rendering a static form widget.

----------------------------------------------------------------------------- #}

{%- macro render_form_item_static(form_item_label, form_item_value) %}
    <div class="form-group">
        <label class="col-form-label">
            {{ form_item_label }}
        </label>
        <p class="form-control-plaintext">
            {{ form_item_value }}
        </p>
    </div>
{%- endmacro %}


{#- ----------------------------------------------------------------------------

    Macro for rendering a radio button form widget.

----------------------------------------------------------------------------- #}

{%- macro render_form_item_radiobutton(form_item, with_errors = True, equally_big = False) %}
    <div>
        <div>
            {{ render_form_label_help(form_item) }}
        </div>
        <div class="btn-group d-flex {{ 'flex-grow-1' if equally_big else '' }}"
             data-bs-toggle="buttons">
            {%- for subfield in form_item %}
                {{ subfield(class_='btn-check') }}
                {{ subfield.label(class_='btn btn-outline-secondary' + (' w-100' if equally_big else '')) }}
            {%- endfor %}

        </div>
        {%- if with_errors %}
            {{ render_form_feedback(form_item, bound_to_input = True) }}
        {%- endif %}
    </div>
{%- endmacro %}


{#- ----------------------------------------------------------------------------

    Macro for rendering a form field with a ransack query.

----------------------------------------------------------------------------- #}

{%- macro render_form_item_ransack(form_item, with_errors = True, placeholder = None, full_completion = True) %}
    <div class="expression-input-block">
        {%- call render_form_label_help_html(form_item) %}
            <p>
                {{ _('For more in-depth information about the syntax, please study the official <a href="%(url)s" target="_blank">documentation webpage</a>.', url = 'https://ransack-125e0a.gitlab-pages.cesnet.cz/language.html') }}
            </p>
        {%- endcall %}
        <div class="monaco-container{% if with_errors and form_item.errors %} is-invalid{% endif %}" data-full-completion="{{ full_completion }}"></div>
        {{ form_item(class_='monaco-hidden-input',
                     placeholder=placeholder, hidden=true, **kwargs) }}
        {{ render_form_feedback(form_item, true) }}
    </div>
{%- endmacro %}



{#- ----------------------------------------------------------------------------

    Macro for rendering a list of errors associated with given form widget.

----------------------------------------------------------------------------- #}

{%- macro render_form_feedback(field, bound_to_input=false) %}
    {%- if field.errors %}
        {%- for err in field.errors %}
            <span class="{% if bound_to_input %}invalid-feedback{% else %}form-text text-danger{% endif %}">
                {{ get_icon("form-error") }} {{ err }}
            </span>
            {%- if not bound_to_input and not loop.last %}
                <br>
            {%- endif %}
        {%- endfor %}
    {%- elif field.warnings %}
        {%- for warn in field.warnings %}
            <span class="{% if bound_to_input %}warning-feedback{% else %}form-text text-warning{% endif %}">
                {{ get_icon("form-warning") }} {{ warn }}
            </span>
            {%- if not bound_to_input and not loop.last %}
                <br>
            {%- endif %}
        {%- endfor %}
    {%- endif %}
{%- endmacro %}

{%- macro render_form_feedback_labeled(item, bound_to_input=false) %}
    {%- if item.errors %}
        {%- for err in item.errors %}
            <div>
                <span class="form-text {% if bound_to_input %}invalid-feedback{% else %}text-danger{% endif %}">
                    {{ get_icon("form-error") }} <strong>{{ item.label.text }}</strong> {{ err }}
                </span>
            </div>
        {%- endfor %}
    {%- elif item.warnings %}
        {%- for warn in item.warnings %}
            <div>
                <span class="form-text {% if bound_to_input %}warning-feedback{% else %}text-warning{% endif %}">
                    {{ get_icon("form-warning") }} <strong>{{ item.label.text }}</strong> {{ warn }}
                </span>
            </div>
        {%- endfor %}
    {%- endif %}
{%- endmacro %}

{#- ----------------------------------------------------------------------------

    Macro for rendering a label with given form widget.

----------------------------------------------------------------------------- #}

{%- macro render_form_label_help(item, icon='', placement = 'top') %}
    <div class="clearfix">
        {{ icon }}
        {%- if item.description %}
            <div class="popover-hover-container float-end form-help mb-1">
                <div class="popover-hover"
                     role="button"
                     data-popover-content="#fhpo-{{ item.label.field_id }}">
                    <a class="btn btn-xs btn-sm btn-info text-light">
                        {{ get_icon("help") }}
                    </a>
                    <div id="fhpo-{{ item.label.field_id }}" class="d-none">
                        <div class="popover top">
                            <div class="popover-arrow" data-popper-arrow>
                            </div>
                            <h3 class="popover-title">
                                {{ get_icon("help") }} {{ item.label.text }}
                            </h3>
                            <div class="popover-content-outer">
                                <div class="popover-content">
                                    <p>
                                        {{ item.description | safe }}
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {%- endif %}
        {{ item.label(class='form-label') }}
        {%- if item.flags.required %} <span class="text-danger">*</span>{% endif %}
    </div>
{%- endmacro %}

{%- macro render_form_label_help_html(item, icon='', placement = 'top') %}
    <div>
        {{ icon }}
        <div class="popover-hover-container float-end form-help mb-1">
            <div class="popover-hover"
                 role="button"
                 data-popover-content="#fhpo-{{ item.label.field_id }}">
                <a class="btn btn-xs btn-sm btn-info text-light">
                    {{ get_icon("help") }}
                </a>
                <div id="fhpo-{{ item.label.field_id }}" class="d-none">
                    <div class="popover top">
                        <div class="popover-arrow" data-popper-arrow></div>
                        <h3 class="popover-title">
                            {{ get_icon("help") }} {{ item.label.text }}
                        </h3>
                        <div class="popover-content-outer">
                            <div class="popover-content">
                                {%- if item.description %}
                                    <p>
                                        {{ item.description | safe }}
                                    </p>
                                {%- endif %}
                                {{ caller() }}
                                {%- if hawat_current_view.has_help %}
                                    <p>
                                        {{ macros_page.render_help_link(icon = 'reference', text = _('more help'),
                                                                        tooltip_text = '') }}
                                    </p>
                                {%- endif %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{ item.label(class_='form-label') }}
        {%- if item.flags.required %} <span class="text-danger">*</span>{% endif %}
    </div>
{%- endmacro %}

{%- macro render_help_idea_reference() %}
    <p>
        {{ _('For more in-depth information about the <abbr title="Intrusion Detection Extensible Alert">IDEA</abbr> event format please study official <a href="%(url)s" target="_blank">documentation webpage</a>.', url = 'https://idea.cesnet.cz/en/definition') }}
    </p>
{%- endmacro %}

{%- macro render_help_datetime(form_item) %}
    <p>
        {%- if form_item.ALLOWS_RELATIVE_TIME and not form_item.description %}
            {# If the form field allows for relative time, add relative time description unless the field already has description defined #}
            {{ _('User may change his/her timezone preferences in his/her <a href="%(url)s">account settings</a>. Alternatively you may use a time delta in the format <code>nYnMnDnHnMn.nnS</code> relative to the current time or unambiguous explicit UTC timestamps in the format <code>YYYY-MM-DDThh:mm:ssZ</code>. UTC timestamps are particularly useful for pre-generated URLs, that are independent of the user preferences.', url = url_for('users.me')) }}
        {%- else %}
            {{ _('User may change his/her timezone preferences in his/her <a href="%(url)s">account settings</a>. Alternatively you may use unambiguous explicit UTC timestamps in the format <code>YYYY-MM-DDThh:mm:ssZ</code>. UTC timestamps are particularly useful for pre-generated URLs, that are independent of the user preferences.', url = url_for('users.me')) }}
        {%- endif %}
    </p>
{%- endmacro %}

{%- macro render_help_currenttz() %}
    <div class="text-muted">
        <small>
            {{ _('Note: Your selected timezone is &quot;<em>%(tz)s</em>&quot;', tz = session.timezone) | safe }}
        </small>
    </div>
{%- endmacro %}

{%- macro render_admin_update_warning() %}
    {%- if not hawat_current_app.config.DEBUG and permission_can('admin') %}
        <div class="alert alert-warning" role="alert">
            <strong>{{ _("Production environment") }}</strong>
            <br>
            {{ _("You are editing live data. Please verify your changes before saving.") }}
        </div>
    {%- endif %}
{%- endmacro %}

{#- ----------------------------------------------------------------------------

    Macros for rendering stored-query-related form widgets

----------------------------------------------------------------------------- #}

{#- ----------------------------------------------------------------------------
    Macros for rendering the save-query controls: the "Save" / "Save As"
    buttons and the "Save As" modal dialog.

    Renders two buttons:

    - **Save** (only when a stored query is being edited and the current
      user may edit it): submits the whole
      search form directly to the stored-query *update* endpoint
      (``formmethod="POST"`` + ``formaction``), updating only the stored
      filter parameters. It carries ``target`` itself and, together with the
      disabled ``csrf_token`` and ``submit`` inputs below (enabled by JS on
      click), sends nothing else but the search filter values.

    - **Save As**: opens the modal dialog below, which asks for the new
      query's name and description and POSTs to the stored-query *create*
      endpoint. Created queries are always private; sharing is performed
      separately from the stored query list view.

    Both macros must be called INSIDE the search ``<form>`` element: their
    fields are part of the search form and are wrapped in ``<fieldset
    disabled>`` blocks which are enabled only while the modal is open
    (``save-as-query-fields``) or while a save-query submission is in
    progress (``save-query-fields``). Because the fieldsets are disabled
    otherwise, the save-only fields (query_name, query_description, target,
    csrf_token) are excluded from normal GET search submissions.

    ``render_save_query_modal`` must be rendered before the
    search form's own submit button in tree order in order for implicit submit
    using enter to work correctly.

    :param form: The search form (must be a StoredQueryFormMixin subclass).
----------------------------------------------------------------------------- #}
{%- macro render_save_query_buttons(form) %}
    {%- if hawat_current_view.supports_stored_queries and 'stored_queries' in hawat_current_app.blueprints %}
        {%- set editing = form.editing_query.data %}
        {%- set can_save = form.can_user_save_editing_query() %}
        {%- if editing %}
            {{ form.editing_query() }}
        {%- endif %}
        <fieldset class="save-query-fields" disabled>
            <input type="hidden"
                    name="csrf_token"
                    value="{{ hawat_current_view.get_csrf_token() }}">
            <input type="hidden"
                    name="target"
                    value="{{ request.endpoint }}">
        </fieldset>
        <div class="btn-group" role="group">
            {%- if editing and can_save %}
                {%- if editing.scope == '__GLOBAL__' %}
                    {%- set btn_class = 'btn-danger' %}
                    {%- set btn_title = _('You are editing a globally published query. Changes will affect all users.') %}
                {%- elif editing.scope == '__GROUP__' %}
                    {%- set btn_class = 'btn-info text-light' %}
                    {%- set btn_title = _('You are editing a group query. Any group member can see and modify it.') %}
                {%- else %}
                    {%- set btn_class = 'btn-success' %}
                    {%- set btn_title = _('You are editing your private query.') %}
                {%- endif %}
                <button type="submit"
                        class="btn {{ btn_class }} save-query-submit"
                        data-bs-toggle="tooltip"
                        data-bs-placement="top"
                        title="{{ _('Save changes to stored query &quot;%(name)s&quot;.', name=editing.name) }} {{ btn_title }}"
                        name="submit"
                        value="1"
                        formmethod="POST"
                        formaction="{{ form.get_update_query_url() }}">
                    {{ get_icon('action-save') }}<span class="d-none d-sm-inline align-middle ms-1"> {{ _('Save Query') }}</span>
                </button>
            {%- endif %}
            <button type="button"
                    class="btn btn-outline-success"
                    data-bs-toggle="modal"
                    data-bs-target="#saveQueryModal">
                {{ get_icon('action-create') }}<span class="d-none d-sm-inline"> {{ _('Save Query As') }}</span>
            </button>
        </div>
    {%- endif %}
{%- endmacro %}


{#- ----------------------------------------------------------------------------
    Macro for rendering the "Save As" modal dialog belonging to the buttons
    rendered by :func:`render_save_query_buttons`. See the documentation of
    that macro for details, especially the tree-order requirement for this
    macro.

    :param form: The search form (must be a StoredQueryFormMixin subclass).
----------------------------------------------------------------------------- #}
{%- macro render_save_query_modal(form) %}
    {%- if hawat_current_view.supports_stored_queries and 'stored_queries' in hawat_current_app.blueprints %}
        {%- set editing = form.editing_query.data %}
        {%- set can_save = form.can_user_save_editing_query() %}
        {# Save As New Query Modal #}
        <div class="modal fade save-query-modal"
             id="saveQueryModal"
             tabindex="-1"
             aria-hidden="true">
            <div class="modal-dialog">
                <fieldset class="save-as-query-fields" disabled>
                    <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">
                            {{ get_icon('action-create') }} {{ _('Save New Stored Query') }}
                        </h5>
                        <button type="button"
                                class="btn-close"
                                data-bs-dismiss="modal"
                                aria-label="{{ _('Close') }}"></button>
                    </div>
                    <div class="modal-body">
                        <div class="alert alert-info text-break">
                            {%- if editing and can_save %}
                                {{ _('Saves a new private stored query. To update the stored query "%(name)s" you are currently editing instead, use the "Save" button. You can share the query with your group later.', name=editing.name) }}
                            {%- else %}
                                {{ _('Saves the current search as a new private stored query. You can share the query with your group later.') }}
                            {%- endif %}
                        </div>
                        {%- set metadata_form = hawat_current_view.get_query_metadata_form(form.editing_query.data) %}
                        {{ render_form_item_default(metadata_form.query_name, class_="mb-3") }}
                        {{ render_form_item_default(metadata_form.query_description, class_="mb-3") }}
                    </div>
                    <div class="modal-footer">
                        <button type="button"
                                class="btn btn-secondary"
                                data-bs-dismiss="modal">
                            {{ _('Cancel') }}
                        </button>
                        <button type="submit"
                                name="submit"
                                value="1"
                                class="btn btn-success save-query-submit"
                                formmethod="POST"
                                formaction="{{ form.get_save_query_url() }}">
                            {{ _('Save Query') }}
                        </button>
                    </div>
                    </div>
                </fieldset>
            </div>
        </div>
    {%- endif %}
{%- endmacro %}


{#- ----------------------------------------------------------------------------
    Macro for rendering a link to the stored query list, filtered to queries
    supported by the current view.

    :param form: The search form (must be a StoredQueryFormMixin subclass).
----------------------------------------------------------------------------- #}
{%- macro render_query_list_link(form) %}
    {%- if form.editing_query is defined and hawat_current_view.supports_stored_queries and 'stored_queries' in hawat_current_app.blueprints %}
        <a href="{{ url_for('stored_queries.list', query_type=hawat_current_view.get_query_type()) }}"
            class="btn btn-outline-secondary">
            {{ get_icon('module-stored-queries') }}<span class="d-none d-sm-inline"> {{ _('My Queries') }}</span>
        </a>
    {%- endif %}
{%- endmacro %}


{#- ----------------------------------------------------------------------------
    Macro for rendering a badge with the name of the currently loaded stored
    query. Intended for display within the main page title. The badge color
    matches the query scope (private/group/global), as does the "Save" button
    rendered by :func:`render_save_query_buttons`.

    :param form: The search form (must be a StoredQueryFormMixin subclass).
----------------------------------------------------------------------------- #}
{%- macro render_editing_query_badge(form) %}
    {%- if form.editing_query is defined and hawat_current_view.supports_stored_queries and 'stored_queries' in hawat_current_app.blueprints %}
        {%- set editing = form.editing_query.data %}
        {%- if editing %}
            {%- if editing.scope == '__GLOBAL__' %}
                {%- set badge_class = 'bg-danger' %}
            {%- elif editing.scope == '__GROUP__' %}
                {%- set badge_class = 'bg-info' %}
            {%- else %}
                {%- set badge_class = 'bg-success' %}
            {%- endif %}
            <span class="badge fs-6 align-middle {{ badge_class }} min-w-0 text-truncate"
                  data-bs-toggle="tooltip"
                  title="{{ _('Loaded stored query') }}: {{ editing.name }}">
                {{ editing.name }}
            </span>
        {%- endif %}
    {%- endif %}
{%- endmacro %}