{% extends "base.html" %}

{% block content %}
  <div class="page-section-title">
    <h1>Import</h1>
    <p>Vorhandene Bestandsdaten zeilenweise in die Datenbank uebernehmen.</p>
  </div>

  <section class="card form-card">
    <div class="card-body">
      <h2 class="card-title"><i class="ti ti-file-import me-1"></i>Importdaten einfuegen</h2>
      <p class="muted">CSV-Format pro Zeile: <code>User;Typ;Kennung;Aktion</code>. Fuer die Aktion ist <code>Import</code> vorgesehen.</p>
      <form method="post" action="{{ url_for('import_data') }}" enctype="multipart/form-data">
        <div class="mb-3">
          <label class="form-label">CSV-Datei</label>
          <input class="form-control" type="file" name="import_file" accept=".csv,text/csv">
          <div class="form-hint">UTF-8, Semikolon-getrennt. Wenn eine Datei ausgewaehlt ist, wird sie bevorzugt importiert.</div>
        </div>
        <div class="mb-3">
          <label class="form-label">Importzeilen alternativ direkt einfuegen</label>
          <textarea class="form-control" name="import_rows" rows="12" placeholder="Max Mustermann;Tuerchip;CHIP-1001;Import&#10;Erika Muster;Parkkarte;PARK-2001;Import"></textarea>
        </div>
        <button class="btn btn-primary" type="submit"><i class="ti ti-database-import me-1"></i>Import ausfuehren</button>
      </form>
    </div>
  </section>
{% endblock %}