{#
  Copyright (C) 2020-2026 Graz University of Technology.

  invenio-override is free software; you can redistribute it and/or
  modify it under the terms of the MIT License; see LICENSE file for more
  details.
#}
{% extends config.OVERRIDE_ACCOUNT_BASE %}
{% from "invenio_accounts/_macros.html" import render_field, form_errors %}
{% block page_body %}
  {%- set title = title or _(config.THEME_SITENAME) or _('Invenio') %}
  <div class="page-inner-banner">
    <div class="ui container">
      <h1 class="page-inner-banner-title">{{ _("Log in to") }} {{ title }}</h1>
      <p class="page-inner-banner-description">{{ _("Access and manage your research data.") }}</p>
    </div>
  </div>
  {%- from "invenio_override/macros/messages.html" import flashed_messages with context -%}
  {%- set _flash_html = flashed_messages() %}
  {%- set _allowed = config.get("OVERRIDE_LOGIN_OAUTH_PROVIDERS") %}
  {%- set _has_sso = config.OAUTHCLIENT_REMOTE_APPS and (_allowed is none or _allowed | length > 0) %}
  <div class="ui container">
    <div class="login-page-container">
      <div class="login-card">
        <a href="/" class="login-back-link">&larr; {{ _("Back to main page") }}</a>
        {%- block form_header %}{%- endblock form_header %}
          {%- if _flash_html %}<div class="login-flash-messages">{{ _flash_html }}</div>{%- endif %}
          {% if config.SSO_SAML_IDPS %}
            {% for name in config.SSO_SAML_IDPS.keys() %}
              <div class="field">
                <a class="login-sso-button"
                   href="{{ url_for('sso_saml.sso', idp=name, next=next_url) }}">
                  <span>
                    {{ _('Log in with %(title)s', title=config.SSO_SAML_IDPS[name]['title']|default("SAML", true) )
                    }}
                  </span>
                  {%- if config.OVERRIDE_SAML_ICON %}
                    <img src="{{ url_for('static', filename=config.OVERRIDE_SAML_ICON) }}"
                         height="22px"
                         alt="{{ config.SSO_SAML_IDPS[name]['title']|default("SAML", true) }}" />
                  {%- endif %}
                </a>
              </div>
            {% endfor %}
          {% endif %}
          {# OAuth SSO buttons #}
          {%- if config.OAUTHCLIENT_REMOTE_APPS %}
            {%- for name, app in config.OAUTHCLIENT_REMOTE_APPS.items() %}
              {%- if _allowed is none or name in _allowed %}
                <a class="login-sso-button"
                   href="{{ url_for('invenio_oauthclient.login', remote_app=name, next=request.args.get('next') or request.referrer) }}">
                  <span>{{ _('Log in with %(title)s', title=app['title']) }}</span>
                  {%- if config.OVERRIDE_OAUTH_ICON %}
                    <img src="{{ url_for('static', filename=config.OVERRIDE_OAUTH_ICON) }}"
                         height="22px"
                         alt="{{ app['title'] }}" />
                  {%- endif %}
                </a>
              {%- endif %}
            {%- endfor %}
          {%- endif %}
          {% if config.EDUGAIN_LOGIN_ENABLED %}
            {% set return_url = url_for('invenio_edugain.authn_request', next=next_url, _external=True) %}
            <a class="login-sso-button"
               href="{{ url_for('invenio_edugain.login_discover', **{'return': return_url}) }}">
              <span>{{ _("Log in with eduGAIN") }}</span>
              <img src="{{ url_for('static', filename=config.OVERRIDE_EDUGAIN_ICON) }}"
                   height="22px"
                   alt="eduGAIN" />
            </a>
          {% endif %}
          {%- if _has_sso and config.ACCOUNTS_LOCAL_LOGIN_ENABLED %}
            <div class="login-divider">
              <span>{{ _("Or") }}</span>
            </div>
          {%- endif %}
          {%- block form_outer %}
            {%- set _a = config.get("OVERRIDE_LOGIN_OAUTH_PROVIDERS") %}
            {%- set _s = config.OAUTHCLIENT_REMOTE_APPS and (_a is none or _a | length > 0) %}
            {%- if config.ACCOUNTS_LOCAL_LOGIN_ENABLED %}
              {%- with form = login_user_form %}
                {%- set accordion_active = "active" if form.errors else ("" if _s else "active") %}
                {%- set has_above = _flash_html | default(false) or _s %}
                <div class="ui fluid accordion login-accordion{% if has_above %} has-above{% endif %}">
                  <div class="title {{ accordion_active }} login-sso-button login-credentials-title">
                    <span>{{ _("Log in with repository credentials") }}</span>
                    <i class="dropdown icon"></i>
                  </div>
                  <div class="content {{ accordion_active }} login-credentials-content">
                    <form action="{{ url_for_security('login') }}"
                          method="POST"
                          name="login_user_form"
                          class="ui form">
                      {{ form.hidden_tag() }}
                      {{ form_errors(form) }}
                      {{ render_field(form.email, icon="user icon", autofocus=True, errormsg=False) }}
                      {{ render_field(form.password, icon="lock icon", errormsg=False) }}
                      <button type="submit"
                              class="ui fluid large primary button"
                              style="margin-top: 0.5rem">{{ _("Log In") }}</button>
                    </form>
                    {%- if security.recoverable %}
                      <div class="login-forgot">
                        <a href="{{ url_for_security('forgot_password') }}">{{ _("Forgot password?") }}</a>
                      </div>
                    {%- endif %}
                  </div>
                </div>
              {%- endwith %}
            {%- endif %}
          {%- endblock form_outer %}
        </div>
      </div>
    </div>
  {% endblock page_body %}
  {% block javascript %}
    {{ super() }}
    <script>
document.addEventListener('DOMContentLoaded', function () {
  document.querySelectorAll('.ui.message .close.icon').forEach(function (icon) {
    icon.addEventListener('click', function () {
      var msg = this.closest('.ui.message');
      if (msg) msg.style.display = 'none';
    });
  });
  $('.login-accordion').accordion();
});
    </script>
  {% endblock javascript %}