{% extends 'workflows/base_shell.html' %}
{% load static i18n %}

{% block title %}{{ portal_title }}{% endblock %}

{% block shell_header %}
{% include 'workflows/includes/app_header.html' with header_show_lang=1 header_inside_shell=1 %}
{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'workflows/css/home.css' %}" />
{% endblock %}

{% block shell_body %}
    <div class="hero">
      <div class="hero-grid">
        <div class="hero-card">
          <span class="eyebrow">{% trans "Operations Console" %}</span>
<h1>{{ portal_title }}</h1>
<p>{% trans "Zentrale Arbeitsfläche für Anfragen, PDF-Generierung, E-Mail-Workflows und Ablage in Nextcloud." %}</p>
          {% if can_manage_integrations %}
          <div class="status-row">
          <span class="status-pill status-pill-neutral">{% trans "Rolle:" %} {{ role_label }}</span>
            <span class="status-pill {% if nextcloud_enabled %}ok{% else %}warn{% endif %}">
{% trans "Nextcloud:" %} {% if nextcloud_enabled %}{% trans "aktiv" %}{% else %}{% trans "inaktiv" %}{% endif %}
            </span>
            <span class="status-pill {% if email_test_mode %}warn{% else %}ok{% endif %}">
{% trans "E-Mail:" %} {% if email_test_mode %}{% trans "Testmodus" %}{% else %}{% trans "Produktion" %}{% endif %}
            </span>
<span class="status-pill status-pill-neutral">{% trans "PDF + E-Mail Workflow bereit" %}</span>
          </div>
          {% endif %}
        </div>
      </div>
    </div>

    <main class="main">
      {% include 'workflows/includes/messages.html' %}

      {% if ops_summary.show %}
      <section class="ops-overview-card">
        <div class="ops-overview-head">
          <div>
            <h2>{% trans "Operations Overview" %}</h2>
            <p>{% trans "Letzte Laufzeit- und Backup-Signale auf einen Blick." %}</p>
          </div>
        </div>
        <div class="ops-overview-grid">
          {% if ops_summary.can_view_jobs %}
          <article class="ops-stat-card">
            <span class="ops-stat-label">{% trans "Fehlgeschlagene Jobs (24h)" %}</span>
            <strong class="{% if ops_summary.failed_count_24h %}is-error{% endif %}">{{ ops_summary.failed_count_24h }}</strong>
          </article>
          <article class="ops-stat-card">
            <span class="ops-stat-label">{% trans "Erfolgreiche Jobs (24h)" %}</span>
            <strong>{{ ops_summary.success_count_24h }}</strong>
          </article>
          <article class="ops-stat-card">
            <span class="ops-stat-label">{% trans "Offene Starts (24h)" %}</span>
            <strong>{{ ops_summary.started_count_24h }}</strong>
          </article>
          {% endif %}
          {% if ops_summary.can_manage_backups and ops_summary.backup_health %}
          <article class="ops-stat-card">
            <span class="ops-stat-label">{% trans "Backup-Status" %}</span>
            <strong>{{ ops_summary.backup_health.label }}</strong>
            <span class="mini">{{ ops_summary.backup_health.summary }}</span>
          </article>
          {% endif %}
        </div>
        {% if ops_summary.can_view_jobs and ops_summary.recent_failed_logs %}
        <div class="ops-failure-list">
          <div class="ops-failure-head">
            <h3>{% trans "Letzte Fehler" %}</h3>
            <a class="btn btn-secondary" href="/admin-tools/jobs/">{% trans "Job Monitor öffnen" %}</a>
          </div>
          <div class="ops-failure-items">
            {% for log in ops_summary.recent_failed_logs %}
            <article class="ops-failure-item">
              <strong>{{ log.task_name }}</strong>
              <span>{{ log.target_label|default:log.target_type }}</span>
              <code>{{ log.error_message|truncatechars:120 }}</code>
            </article>
            {% endfor %}
          </div>
        </div>
        {% endif %}
      </section>
      {% endif %}

      {% for section in portal_app_sections %}
      {% if not forloop.first %}
      <div class="section-divider" aria-hidden="true"></div>
      {% endif %}
      <div class="section-head {{ section.css_class }}">
<h2>{{ section.title }}</h2>
<p>{{ section.subtitle }}</p>
      </div>
      <div class="{{ section.grid_class }}">
        {% for app in section.apps %}
        {% if section.key == 'app' %}
        <section class="app-card{% if app.style_variant %} {{ app.style_variant }}{% endif %}">
          <div>
            <div class="top-line"><div class="accent{% if app.style_variant == 'red' %} red{% endif %}">{{ app.accent }}</div></div>
<h3 class="app-title">{{ app.title }}</h3>
<p class="app-text">{{ app.description }}</p>
            {% if app.tags %}
            <div class="tag-row">
              {% for tag in app.tags %}
              <span class="tag">{{ tag }}</span>
              {% endfor %}
            </div>
            {% endif %}
          </div>
          <div class="card-actions">
            <a class="btn {% if app.style_variant == 'primary' or app.style_variant == 'red' %}btn-primary{% else %}btn-secondary{% endif %}" href="{{ app.href }}">{{ app.action_label }}</a>
          </div>
        </section>
        {% else %}
        <section class="admin-card">
<h3>{{ app.title }}</h3>
<p>{{ app.description }}</p>
<a class="btn btn-secondary" href="{{ app.href }}">{{ app.action_label }}</a>
        </section>
        {% endif %}
        {% endfor %}
      </div>
      {% endfor %}

      <div class="footer-note">
        {% trans "Tipp: Die letzten Vorgänge sehen Sie jederzeit im Anfragen Dashboard." %}
      </div>
    </main>
{% endblock %}