{# -*- coding: utf-8 -*-

  This file is part of Invenio.
  Copyright (C) 2026 CERN.

  Invenio is free software; you can redistribute it and/or modify it
  under the terms of the MIT License; see LICENSE file for more details.
#}

{%- macro panel_start(
    title,
    icon="",
    btn_help_text='',
    btn_text='',
    btn_loading_text='',
    btn_icon='',
    btn_href='',
    btn_class='',
    btn_id='',
    btn_name='',
    provider='',
    loaded_message_id='',
    id="",
    panel_extra_class="secondary"
  )
%}
  {%- block panel_start scoped %}
    <section aria-label="{{ title }}" class="ui segments" {% if id %} id="{{ id }}" {% endif %}>
      <div class="ui segment {{ panel_extra_class }}">

        {%- block panel_heading scoped %}
          <div class="ui equal width grid">
            <div class="middle aligned column">
              <h2 class="ui tiny header mt-0 mb-0 {{ 'flex align-items-center' if icon }}">
                {% if icon %}<i class="small {{ icon }}" aria-hidden="true"></i>{% endif %}{{ title }}
              </h2>
            </div>
            <div class="right floated right aligned column">
              <div>
                {%- if btn_text and (btn_href or btn_help_text) -%}
                  {%- if btn_help_text %}
                    <p class="mt-5 mb-5 inline-computer">
                      <small>{{ btn_help_text }}</small>
                    </p>
                  {%- endif %}

                  {%- if btn_href %}
                    <a class="ui basic tiny button {{ btn_class }} ml-10" href="{{ btn_href }}" target="_blank">
                      {% if btn_icon %}
                        <i class="{{ btn_icon }}" aria-hidden="true"></i>
                      {% endif %}
                      {{ btn_text }}
                    </a>
                  {%- elif btn_name and btn_id %}
                    <button
                      id="{{ btn_id }}"
                      name="{{ btn_name }}"
                      data-loading-text="{{ btn_loading_text }}"
                      data-provider="{{ provider }}"
                      class="ui compact tiny button {{ btn_class }} ml-10"
                    >
                      {% if btn_icon %}
                        <i id="loader_icon" class="{{ btn_icon }}" aria-hidden="true"></i>
                      {% endif %}
                      <span id="{{ btn_id }}_btn_text" class="btn-text">
                        {{ btn_text }}
                      </span>
                    </button>
                  {%- endif %}
                {%- endif -%}
              </div>
            </div>
          </div>
        {%- endblock %}

      </div>
      <div
        id="{{ loaded_message_id }}"
        class="ui bottom attached fluid icon message rel-pl-1 rel-pr-1 pt-10 pb-10 mb-0 no-border-radius hidden"
      >
        <i class="icon" aria-hidden="true"></i>
        <p role="alert" class="content m-0"></p>
      </div>
  {%- endblock %}
{%- endmacro %}

{%- macro panel_end() %}
  {%- block panel_end scoped %}
      </section>
  {%- endblock %}
{%- endmacro %}