{% extends "base.html" %}
{% block title %}Cobra-Import{{ " - " + app_name() }}{% endblock %}

{% block content %}
<div class="page-header">
    <h1>Cobra-Import</h1>
    <a href="/einstellungen" role="button" class="btn-sm outline">Zurück</a>
</div>

<div class="card">
    <div class="card-header"><h3>Kontakte importieren</h3></div>
    <p style="font-size: 0.9rem;">Laden Sie die Cobra-Export-Datei (Excel .xlsx) hoch. Die Datei wird analysiert und die Kontakte werden importiert.</p>
    <form method="post" action="/einstellungen/import/kontakte" enctype="multipart/form-data">
        <label for="datei">Excel-Datei (.xlsx)</label>
        <input type="file" id="datei" name="datei" accept=".xlsx,.xls" required>
        <button type="submit" style="margin-top: 0.5rem;">Import starten</button>
    </form>
</div>

<div class="card">
    <div class="card-header"><h3>Aktivitäten importieren</h3></div>
    <p style="font-size: 0.9rem;">Laden Sie die Aktivitäten-Export-Datei (Excel .xlsx) hoch.</p>
    <form method="post" action="/einstellungen/import/aktivitaeten" enctype="multipart/form-data">
        <label for="datei_akt">Excel-Datei (.xlsx)</label>
        <input type="file" id="datei_akt" name="datei" accept=".xlsx,.xls" required>
        <button type="submit" style="margin-top: 0.5rem;">Import starten</button>
    </form>
</div>

{% if bericht %}
<div class="card">
    <div class="card-header"><h3>Importbericht</h3></div>
    <div style="font-size: 0.9rem; white-space: pre-wrap;">{{ bericht }}</div>
</div>
{% endif %}
{% endblock %}
