{#
  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.
#}
<section class="fp-reasons-section"
         {% if config.get('OVERRIDE_REASONS_BG') %}style="background: {{ config.OVERRIDE_REASONS_BG }}"{% endif %}>
  <div class="fp-reasons-left">
    <h2 class="fp-reasons-title">
      {{ _("Why use the %(title)s?", title=config.get('THEME_FRONTPAGE_TITLE', 'Repository') ) }}
    </h2>
    <a href="/help/statistics" class="fp-reasons-more">{{ _("View statistics") }} &rarr;</a>
  </div>
  <div class="fp-reasons-right">
    <div class="fp-reasons-strip">
      <div class="fp-reason-item">
        <svg class="fp-reason-svg"
             viewBox="0 0 20 20"
             fill="none"
             stroke="currentColor"
             stroke-width="1.3"
             stroke-linecap="round"
             stroke-linejoin="round"
             aria-hidden="true">
          <path d="M10 2L3 5v5c0 4 3.5 6.8 7 8 3.5-1.2 7-4 7-8V5z" />
        </svg>
        <span><strong>{{ _("Safe") }}</strong> — {{ _("permanently available") }}</span>
      </div>
      <div class="fp-reason-item">
        <svg class="fp-reason-svg"
             viewBox="0 0 20 20"
             fill="none"
             stroke="currentColor"
             stroke-width="1.3"
             stroke-linecap="round"
             stroke-linejoin="round"
             aria-hidden="true">
          <circle cx="10" cy="10" r="8" />
          <polyline points="7,10 9,12.5 13.5,7.5" />
        </svg>
        <span><strong>{{ _("Trusted") }}</strong> — {{ config.get('OVERRIDE_REASONS_PARTNER', 'CERN') }}</span>
      </div>
      <div class="fp-reason-item">
        <svg class="fp-reason-svg"
             viewBox="0 0 20 20"
             fill="none"
             stroke="currentColor"
             stroke-width="1.3"
             stroke-linecap="round"
             stroke-linejoin="round"
             aria-hidden="true">
          <path d="M8.5 11.5a3.5 3.5 0 0 0 5 .5l2-2a3.5 3.5 0 0 0-5-5L9 6.5" />
          <path d="M11.5 8.5a3.5 3.5 0 0 0-5-.5l-2 2a3.5 3.5 0 0 0 5 5L11 13.5" />
        </svg>
        <span><strong>{{ _("Citeable") }}</strong> — {{ _("DOI for every upload") }}</span>
      </div>
      <div class="fp-reason-item">
        <svg class="fp-reason-svg"
             viewBox="0 0 20 20"
             fill="none"
             stroke="currentColor"
             stroke-width="1.3"
             stroke-linecap="round"
             stroke-linejoin="round"
             aria-hidden="true">
          <polyline points="3.5,7 5.5,9 8.5,5.5" />
          <line x1="11" y1="7" x2="16.5" y2="7" />
          <polyline points="3.5,13 5.5,15 8.5,11.5" />
          <line x1="11" y1="13" x2="16.5" y2="13" />
        </svg>
        <span><strong>{{ _("Curated") }}</strong> — {{ _("review before publication") }}</span>
      </div>
      <div class="fp-reason-item">
        <svg class="fp-reason-svg"
             viewBox="0 0 20 20"
             fill="none"
             stroke="currentColor"
             stroke-width="1.3"
             stroke-linecap="round"
             stroke-linejoin="round"
             aria-hidden="true">
          <path d="M1.5 10s3-6.5 8.5-6.5S18.5 10 18.5 10s-3 6.5-8.5 6.5S1.5 10 1.5 10z" />
          <circle cx="10" cy="10" r="2.5" />
        </svg>
        <span><strong>{{ _("Flexible access") }}</strong> — {{ _("open or restricted") }}</span>
      </div>
      <div class="fp-reason-item">
        <svg class="fp-reason-svg"
             viewBox="0 0 20 20"
             fill="none"
             stroke="currentColor"
             stroke-width="1.3"
             stroke-linecap="round"
             stroke-linejoin="round"
             aria-hidden="true">
          <circle cx="10" cy="10" r="7.5" />
          <polyline points="10,5.5 10,10 13.5,12" />
        </svg>
        <span><strong>{{ _("Versioned") }}</strong> — {{ _("update datasets easily") }}</span>
      </div>
      <div class="fp-reason-item">
        <svg class="fp-reason-svg"
             viewBox="0 0 20 20"
             fill="none"
             stroke="currentColor"
             stroke-width="1.3"
             stroke-linecap="round"
             stroke-linejoin="round"
             aria-hidden="true">
          <line x1="4" y1="16" x2="4" y2="8" />
          <line x1="9" y1="16" x2="9" y2="4" />
          <line x1="14" y1="16" x2="14" y2="11" />
          <line x1="1.5" y1="16" x2="16.5" y2="16" />
        </svg>
        <span><strong>{{ _("Statistics") }}</strong> — {{ _("usage stats on every record") }}</span>
      </div>
    </div>
  </div>
</section>