{#
  SPDX-FileCopyrightText: 2026 TU Wien.
  SPDX-License-Identifier: MIT
#}

{%- extends "invenio_theme_tuw/failure_dashboard/base.html" %}

{%- block page_body %}
<main id="health-dashboard" class="ui container">
  <h1>Disk usage per storage location</h1>
  <a class="ui button" href="{{ url_for('invenio_theme_tuw.failure_dashboard') }}">Back to the dashboard</a>

  <div class="ui info message rel-mt-2">
    <i class="ui info icon"></i>
    The default storage location is highlighted with a thin border.
  </div>

  <div class="bordered rel-mt-2">
    <div class="ui cards container rel-p-3">

      {% for location, info in disk_usage_by_location.items() %}
        {% if info.error %}
          {% set class = "error" %}
        {% elif info.warning %}
          {% set class = "warning" %}
        {% else %}
          {% set class = "normal" %}
        {% endif %}
        {% set class = class ~ " default" if location.default else class %}

        <div class="ui {{ class }} disk-usage card">
          <h2 class="card-title">{{ location.name }}</h2>
          <p>
            <code>{{ location.uri }}</code>
          </p>

          <div class="card-text">
            {% if info.error %}
              <code>{{ info.error }}</code>
            {% else %}
            <div class="ui message">
              {{ "%.2f"|format(info.used_percent) }}% used ({{ info.used|filesizeformat }} of {{ info.total|filesizeformat }})
            </div>
            {% endif %}
          </div>
        </div>
      {% endfor %}
    </div>
  </div>
</main>
{%- endblock page_body %}