{# -*- 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.
#}
{%- extends config.VCS_SETTINGS_TEMPLATE %}
{%- import "invenio_vcs/settings/helpers.html" as helpers with context %}

{%- block settings_content %}
  {%- if connected %}
    {%- block repositories_get_started %}
      {{
        helpers.panel_start(
          vocabulary["repository_name_plural"].capitalize(),
          icon=vocabulary["icon"] + " icon",
          btn_text=_('Sync now'),
          btn_loading_text=_('Syncing'),
          btn_icon='sync alternate icon',
          btn_id='sync_repos',
          btn_name='sync-repos',
          btn_help_text=_('(updated {})').format(last_sync|naturaltime),
          provider=provider,
          loaded_message_id='sync-result-message',
          id="vcs-view",
        )
      }}

      <div class="ui segment">
        {%- block get_started %}
          <div class="ui grid">
            <div class="sixteen wide centered column">
              <h3 class="ui large header mt-10">
                <i class="{{ vocabulary["icon"] }} icon" aria-hidden="true"></i>{{ _("Get started") }}
              </h3>
            </div>

            <div class="three column stackable tablet-mobile row">
              <div class="column">
                <h4 class="ui medium header">1 {{ _("Flip the switch") }}</h4>
                <div class="ui divider"></div>
                <p>
                  {{ _('Select the repository you want to preserve, and toggle
                  the switch below to turn on automatic preservation of your software.') }}
                </p>
              </div>

              <div class="column">
                <h4 class="ui medium header">2 {{ _("Create a release") }}</h4>
                <div class="ui divider"></div>
                <p>
                  {{
                    _(
                      'Go to %(name)s and <a href="%(release_docs_link)s" target="_blank">create a release <i class="small icon external" aria-hidden="true"></i></a>. %(site_name)s will automatically receive and process your release.',
                      name=vocabulary["name"],
                      site_name=config.THEME_SITENAME | default('System'),
                      release_docs_link=vocabulary["release_docs_link"]
                    )
                  }}
                </p>
              </div>

              <div class="column">
                <h4 class="ui medium header">3 {{ _("Check the status") }}</h4>
                <div class="ui divider"></div>
                <p>
                  {{
                    _(
                      "Click on a %(repository_name)s to view the status of each release, including whether it was successful and if you need to take any additional steps.",
                      repository_name=vocabulary["repository_name"]
                    )
                  }}
                </p>
              </div>
            </div>
          </div>
        {%- endblock %}
      </div>
      {{ helpers.panel_end() }}
    {%- endblock %}

    {%- if repos %}
      {%- block enabled_repositories %}
        {{ helpers.panel_start(_('Enabled %(repository_name_plural)s', repository_name_plural=vocabulary["repository_name_plural"].capitalize())) }}

        <ul class="ui segments no-border no-border-radius-top no-style-list m-0 p-0">
          {%- for repo_id, repo in repos.items() if repo.instance and repo.instance.hook %}
            <li class="ui segment {{ 'no-border-radius-top' if loop.last else 'no-border-radius' }} left-border positive m-0">
              {% include config.VCS_TEMPLATE_INDEX_ITEM with context %}
            </li>
          {%- endfor %}
        </ul>

        {{ helpers.panel_end() }}
      {%- endblock %}
    {% endif %}

    {%- block disabled_repositories %}
      {{ helpers.panel_start(vocabulary["repository_name_plural"].capitalize()) }}

      {%- block repositories_tooltip %}
        {%- if vocabulary["repo_list_message"] %}
          <p class="ui segment m-0">
            <small>
              {{ vocabulary["repo_list_message"] }}
              <a href="{{ vocabulary["repo_list_info_link"] }}" target="_blank" rel="noreferrer">
                {{ _("More info") }}
                <i class="small icon external" aria-hidden="true"></i>
              </a>
            </small>
          </p>
        {% endif %}
      {%- endblock %}

      {%- if not repos %}
        <p class="ui segment">
          {{ _('You have no %(repository_name_plural)s on %(name)s.', repository_name_plural=vocabulary["repository_name_plural"].capitalize(), name=vocabulary["name"]) }}
          <br />
          <br />
          {{_('Go to <a href="%(url)s" target="_blank">%(name)s <i class="small icon external" aria-hidden="true"></i></a> and create your first or
          click the Sync button to synchronize the latest changes from %(name)s.', name=vocabulary["name"], url=new_repo_url)}}
        </p>
      {%- else %}
        <ul class="ui segments no-border no-border-radius-top no-style-list m-0 p-0">
          {%- for repo_id, repo in repos.items() if not repo.instance or not repo.instance.hook %}
            <li class="ui segment {{ 'no-border-radius-top' if loop.last else 'no-border-radius' }}">
              {% include config.VCS_TEMPLATE_INDEX_ITEM with context %}
            </li>
          {%- endfor %}
        </ul>
      {% endif %}

      {{ helpers.panel_end() }}
    {%- endblock %}

  {#- If the user has not connected their VCS account... #}
  {%- else %}
    {%- block connect_to_vcs_account %}
      {{ helpers.panel_start(_('%(name)s', name=vocabulary["name"]), icon=vocabulary["icon"] + " icon") }}
      <div class="ui segment">
        <div class="ui centered container">
          <h2 class="ui huge header">{{ _('Software preservation made simple!') }}</h2>
          <a
            class="ui basic button rel-mt-1"
            href="{{ url_for('invenio_oauthclient.login', remote_app=provider, next=url_for('invenio_vcs.get_repositories', provider=provider)) }}"
            aria-label="{{ _('Connect your %(name)s account', name=vocabulary["name"]) }}"
          >
            <i class="{{ vocabulary["icon"] }} icon" aria-hidden="True"></i>
            {{ _('Connect') }}
          </a>
          <p class="rel-mt-2">
            {{ _(
              'To get started, click "Connect" and we will get a list of your %(repository_name_plural)s from %(name)s.',
              repository_name_plural=vocabulary["repository_name_plural"],
              name=vocabulary["name"]
            ) }}
          </p>
        </div>
      </div>
      {{ helpers.panel_end() }}
    {%- endblock %}
  {%- endif %}
{%- endblock %}

{%- block javascript %}
  {{ super() }}
  {{ webpack['invenio-vcs-init.js'] }}
{%- endblock javascript %}