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

{% block title %}{% trans "TUBCO Onboarding & Offboarding Portal" %}{% endblock %}



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

{% block shell_body %}
<div class="topbar">
      <div class="brand-wrap">
        <a class="app-brand" href="/"><img class="brand-logo" src="{% static 'workflows/img/tubco-logo.svg' %}" alt="TUB/CO Logo" /></a>
      </div>
      <div class="quick-actions">
        <form method="post" action="{% url 'set_language' %}" class="lang-switch">
          {% csrf_token %}
          <input type="hidden" name="next" value="{{ request.get_full_path }}" />
          <button class="lang-btn {% if CURRENT_LANGUAGE == 'de' %}active{% endif %}" type="submit" name="language" value="de">DE</button>
          <button class="lang-btn {% if CURRENT_LANGUAGE == 'en' %}active{% endif %}" type="submit" name="language" value="en">EN</button>
        </form>
        <form method="post" action="/accounts/logout/" style="display:inline;">
          {% csrf_token %}
          <button class="btn btn-secondary" type="submit">{% trans "Abmelden" %}</button>
        </form>
      </div>
    </div>

    <div class="hero">
      <div class="hero-grid">
        <div class="hero-card">
          <span class="eyebrow">{% trans "Operations Console" %}</span>
<h1>{% trans "TUBCO Onboarding & Offboarding Portal" %}</h1>
<p>{% trans "Zentrale Arbeitsfläche für Anfragen, PDF-Generierung, E-Mail-Workflows und Ablage in Nextcloud." %}</p>
          <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>
        </div>
      </div>
    </div>

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

      <div class="section-head">
<h2>{% trans "Apps" %}</h2>
<p>{% trans "Wählen Sie den gewünschten Prozess." %}</p>
      </div>
      <div class="apps-grid">
        <section class="app-card primary">
          <div>
            <div class="top-line"><div class="accent">ON</div></div>
<h3 class="app-title">{% trans "Onboarding" %}</h3>
<p class="app-text">{% trans "Neue Mitarbeitende erfassen, PDF mit Briefkopf erstellen, Benachrichtigungen senden und in Nextcloud ablegen." %}</p>
            <div class="tag-row">
<span class="tag">{% trans "Mehrschritt-Formular" %}</span>
              <span class="tag">PDF</span>
<span class="tag">{% trans "E-Mail Routing" %}</span>
            </div>
          </div>
          <div class="card-actions">
            <a class="btn btn-primary" href="/onboarding/new/">{% trans "Onboarding starten" %}</a>
          </div>
        </section>

        <section class="app-card red">
          <div>
            <div class="top-line"><div class="accent red">OFF</div></div>
<h3 class="app-title">{% trans "Offboarding" %}</h3>
<p class="app-text">{% trans "Mitarbeitende suchen, Daten vorbefüllen, Offboarding-Dokumente erzeugen und Rückgabe-Prozess starten." %}</p>
            <div class="tag-row">
<span class="tag">{% trans "Profile-Suche" %}</span>
<span class="tag">{% trans "Hardware-Liste" %}</span>
<span class="tag">{% trans "IT-Rückgabe" %}</span>
            </div>
          </div>
          <div class="card-actions">
            <a class="btn btn-primary" href="/offboarding/new/">{% trans "Offboarding starten" %}</a>
          </div>
        </section>

        {% if can_access_requests_dashboard %}
        <section class="app-card">
          <div>
            <div class="top-line"><div class="accent">APP</div></div>
<h3 class="app-title">{% trans "Anfragen Dashboard" %}</h3>
<p class="app-text">{% trans "Status, Suchfunktion, PDF-Links und Verlauf aller Onboarding-/Offboarding-Anfragen." %}</p>
            <div class="tag-row">
<span class="tag">{% trans "Suche" %}</span>
<span class="tag">{% trans "Status" %}</span>
<span class="tag">{% trans "PDF Zugriff" %}</span>
            </div>
          </div>
          <div class="card-actions">
<a class="btn btn-secondary" href="/requests/">{% trans "Dashboard öffnen" %}</a>
          </div>
        </section>
        {% endif %}
      </div>

      {% if can_manage_users or can_manage_integrations or can_view_audit_log or can_manage_backups or can_manage_welcome_emails or can_manage_builders or can_view_docs or can_access_django_admin_link %}
      <div class="section-head">
<h2>{% trans "Admin Apps" %}</h2>
<p>{% trans "Konfiguration, Tests und Steuerung." %}</p>
      </div>
      <div class="admin-grid">
        {% if can_manage_integrations %}
        <section class="admin-card">
<h3>{% trans "Integrationen" %}</h3>
<p>{% trans "Nextcloud- und E-Mail-Setup." %}</p>
<a class="btn btn-secondary" href="/admin-tools/integrations/?kind=nextcloud">{% trans "Öffnen" %}</a>
        </section>
        {% endif %}
        {% if can_manage_users %}
        <section class="admin-card">
<h3>{% trans "Benutzer & Rollen" %}</h3>
<p>{% trans "Benutzer anlegen, Rollen zuweisen und Zugriffe steuern." %}</p>
<a class="btn btn-secondary" href="/admin-tools/users/">{% trans "Öffnen" %}</a>
        </section>
        {% endif %}
        {% if can_view_audit_log %}
        <section class="admin-card">
<h3>{% trans "Audit Log" %}</h3>
<p>{% trans "Wichtige Admin-Aktionen nachvollziehen und prüfen." %}</p>
<a class="btn btn-secondary" href="/admin-tools/audit-log/">{% trans "Öffnen" %}</a>
        </section>
        {% endif %}
        {% if can_manage_backups %}
        <section class="admin-card">
<h3>{% trans "Backup & Recovery" %}</h3>
<p>{% trans "Backups erstellen und sicher verifizieren." %}</p>
<a class="btn btn-secondary" href="/admin-tools/backups/">{% trans "Öffnen" %}</a>
        </section>
        {% endif %}
        {% if can_manage_welcome_emails %}
        <section class="admin-card">
<h3>{% trans "Welcome E-Mails" %}</h3>
<p>{% trans "Geplante Welcome Mails verwalten." %}</p>
<a class="btn btn-secondary" href="/admin-tools/welcome-emails/">{% trans "Öffnen" %}</a>
        </section>
        {% endif %}
        {% if can_manage_builders %}
        <section class="admin-card">
<h3>{% trans "Form Builder" %}</h3>
<p>{% trans "Felder, Schritte und Optionen verwalten." %}</p>
<a class="btn btn-secondary" href="/admin-tools/form-builder/">{% trans "Öffnen" %}</a>
        </section>
        <section class="admin-card">
<h3>{% trans "Einweisungs-Builder" %}</h3>
<p>{% trans "Checklistenpunkte für das Einweisungsprotokoll konfigurieren." %}</p>
<a class="btn btn-secondary" href="/admin-tools/intro-builder/">{% trans "Öffnen" %}</a>
        </section>
        {% endif %}
        {% if can_view_docs %}
        <section class="admin-card">
<h3>{% trans "Handbook" %}</h3>
<p>{% trans "Project wiki and developer documentation in one place." %}</p>
<a class="btn btn-secondary" href="/admin-tools/handbook/">{% trans "Öffnen" %}</a>
        </section>
        {% endif %}
        {% if can_access_django_admin_link %}
        <section class="admin-card">
<h3>{% trans "Django Admin" %}</h3>
<p>{% trans "Vollständige Datenverwaltung." %}</p>
<a class="btn btn-secondary" href="/admin/">{% trans "Öffnen" %}</a>
        </section>
        {% endif %}
      </div>
      {% endif %}

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