{% extends "base.html" %}{% block title %}Übersicht · UAS Smart{% endblock %}
{% block content %}
<div class="page-head"><div><p class="eyebrow">Betriebslage</p><h1>Guten Tag, {{ user.first_name|default:user.username }}</h1><p>{{ active_organization.name }} · {% now "l, d. F Y" %}</p></div>{% if can_manage_missions %}<a class="button primary" href="{% url 'mission_create' %}">+ Einsatz planen</a>{% endif %}</div>
<section class="stats" aria-label="Kennzahlen">
  <article><span class="stat-icon turquoise">◇</span><div><strong>{{ mission_count }}</strong><small>Einsätze heute</small></div></article>
  <article><span class="stat-icon green">✓</span><div><strong>{{ aircraft_ready }}</strong><small>Drohnen bereit</small></div></article>
  <article><span class="stat-icon amber">⌁</span><div><strong>{{ open_maintenance|length }}</strong><small>Wartungen offen</small></div></article>
  <article><span class="stat-icon red">!</span><div><strong>{{ occurrences|length }}</strong><small>Vorkommnisse offen</small></div></article>
</section>
<div class="dashboard-grid">
  <section class="panel span-2"><div class="panel-head"><div><p class="eyebrow">Nächste Schritte</p><h2>Geplante Einsätze</h2></div><a href="{% url 'missions' %}">Alle anzeigen</a></div>
    {% if upcoming %}<div class="mission-cards">{% for mission in upcoming %}<a class="mission-card" href="{% url 'mission_detail' mission.pk %}"><div class="date-tile"><b>{{ mission.starts_at|date:"d" }}</b><span>{{ mission.starts_at|date:"M" }}</span></div><div class="grow"><h3>{{ mission.title }}</h3><p>{{ mission.starts_at|date:"H:i" }}–{{ mission.ends_at|date:"H:i" }} · {{ mission.address|default:"Koordinaten hinterlegt" }}</p><div class="chips"><span class="chip state-{{ mission.state }}">{{ mission.get_state_display }}</span><span class="chip weather-{{ mission.weather_state }}">Wetter {{ mission.get_weather_state_display }}</span></div></div><span aria-hidden="true">›</span></a>{% endfor %}</div>{% else %}<div class="empty"><b>Keine bevorstehenden Einsätze</b><p>Lege einen neuen Einsatz an, um Planung, Wetter und Freigabe zusammenzuführen.</p></div>{% endif %}
  </section>
  <aside class="panel"><div class="panel-head"><div><p class="eyebrow">System</p><h2>Sicherheitsstatus</h2></div><span class="status-dot good">Aktiv</span></div>
    <ul class="status-list"><li><span>Mandantentrennung</span><b>Aktiv</b></li><li><span>Verkettung des Prüfprotokolls</span><b>Aktiv</b></li><li><span>Aufzeichnung</span><b>{{ recording_gb|floatformat:1 }} / {{ recording_quota_gb }} GB</b></li><li><span>Aktualisierungsstatus</span><b>{{ update_status.get_state_display|default:"Bereit" }}</b></li>{% if user.is_superuser %}<li><span>Systemaktualisierung</span><b><a href="{% url 'update_management' %}">Öffnen</a></b></li>{% endif %}</ul>
    {% if notifications %}<h3 class="subhead">Hinweise</h3>{% for item in notifications %}<a class="notice {{ item.level }}" href="{{ item.link|default:'#' }}"><b>{{ item.title }}</b><span>{{ item.message|truncatechars:90 }}</span></a>{% endfor %}{% endif %}
  </aside>
</div>
{% endblock %}