{% 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' %}

      {% 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 %}