{% extends "base.html" %}
{% block title %}Import · UAS Smart{% if has_active_jobs %}
<script>
  window.setTimeout(function () { window.location.reload(); }, 5000);
</script>
{% endif %}
{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <p class="eyebrow">Datenübernahme</p>
    <h1>Flugdaten importieren</h1>
    <p>DJI DAT V3, CSV, JSON, GPX/KML und geprüfte Archive bis 256 MB.</p>
  </div>
  <a class="button primary" href="{% url 'import_upload' %}">+ Importdatei auswählen</a>
</div>
<div class="info-banner">
  <b>DJI-DAT-V3 wird unterstützt</b>
  <span>Die Datei wird nach dem Upload im Hintergrund gehasht, durch die Virenprüfung geleitet und paketweise validiert. Startzeit und Dauer werden automatisch übernommen. GPS, Strecke und Flughöhe bleiben bei verschlüsselten Nutzdaten bis zur manuellen Ergänzung leer.</span>
</div>
<section class="panel">
  <div class="table-wrap">
    <table>
      <thead><tr><th>Datei</th><th>Format</th><th>Größe</th><th>Auswertung</th><th>Status</th><th>Ergebnis</th></tr></thead>
      <tbody>
      {% for job in jobs %}
        <tr>
          <td><b>{{ job.original_name }}</b><small>{{ job.created_at|date:"d.m.Y H:i" }} · {{ job.uploaded_by }}</small></td>
          <td>{{ job.display_format }}</td>
          <td>{{ job.size_bytes|filesizeformat }}<small><code>{{ job.sha256|slice:":12" }}…</code></small></td>
          <td>
            <b>{{ job.display_duration }}</b>
            {% if job.display_packet_count %}<small>{{ job.display_packet_count }} gültige Pakete</small>{% endif %}
          </td>
          <td><span class="chip state-{{ job.state }}">{{ job.get_state_display }}</span></td>
          <td>
            {{ job.display_message|truncatechars:180 }}
            {% if job.display_flight_id %}<small><a href="{% url 'flight_edit' job.display_flight_id %}">Flugbucheintrag öffnen</a></small>{% endif %}
          </td>
        </tr>
      {% empty %}
        <tr><td colspan="6" class="empty-cell">Noch keine Importdateien vorhanden.</td></tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% if has_active_jobs %}
<script>
  window.setTimeout(function () { window.location.reload(); }, 5000);
</script>
{% endif %}
{% endblock %}