{% extends "base.html" %}
{% block title %}{{ t('Ersteinrichtung') }}{% endblock %}
{% block content %}
<div class="page-head"><h1><span style="color:#1d232a">laun</span><span style="color:#0faf8d">CHF</span> – {{ t('Ersteinrichtung') }}</h1></div>

<form method="post" action="{{ url_for('set_language_route') }}" class="inline-add">
  <input type="hidden" name="next" value="{{ url_for('setup_wizard') }}">
  <strong>{{ t('Sprache') }} / Language / Langue / Lingua:</strong>
  <select name="lang" onchange="this.form.submit()">
    {% for l in LANGS %}
    <option value="{{ l }}" {{ 'selected' if g.lang == l }}>{{ LANG_NAMES[l] }}</option>
    {% endfor %}
  </select>
</form>

<p class="muted">{{ t('Alles hier Erfasste landet in den') }} <a href="{{ url_for('settings_page') }}">{{ t('Einstellungen') }}</a>
{{ t('und kann dort jederzeit angepasst werden. Der Code selbst ist firmenneutral.') }}</p>

<form method="post" enctype="multipart/form-data" class="form-card">
  <fieldset>
    <legend>1 · {{ t('Firma') }}</legend>
    <div class="form-row">
      <label class="grow">{{ t('Firmenname') }}
        <input type="text" name="company_name" required value="{{ settings.company_name if settings.company_name != 'Meine Firma' }}" placeholder="{{ t('z.B. Nudget GmbH') }}">
      </label>
      <label class="grow">{{ t('Adresse (Zeile 1 Strasse, Zeile 2 PLZ Ort)') }}
        <textarea name="company_address" rows="2" placeholder="{{ t('Strasse Nr.') }}&#10;{{ t('PLZ Ort') }}">{{ settings.company_address }}</textarea>
      </label>
      <label class="grow">{{ t('E-Mail (erscheint auf Rechnungen, empfängt Testmails)') }}
        <input type="text" name="company_email" value="{{ settings.company_email }}">
      </label>
      <label class="grow">{{ t('Rechnungs-Logo') }} <span class="muted">({{ t('optional – SVG, PNG, JPG') }})</span>
        <input type="file" name="invoice_logo_file" accept=".svg,.png,.jpg,.jpeg,.webp">
      </label>
    </div>
    <p class="muted">{{ t('Das Logo wird oben rechts auf Rechnungen gedruckt – am besten eine Variante mit dunkler Schrift für weisses Papier. Später jederzeit unter Einstellungen änderbar.') }}</p>
  </fieldset>

  <fieldset>
    <legend>2 · {{ t('Bank') }}</legend>
    <div class="form-row">
      <label class="grow">IBAN
        <input type="text" name="iban" value="{{ settings.iban }}" placeholder="CH…">
      </label>
      <label class="grow">QR-IBAN <span class="muted">({{ t('im E-Banking unter Kontoinformationen; aktiviert QRR-Referenzen') }})</span>
        <input type="text" name="qr_iban" value="{{ settings.qr_iban }}" placeholder="CH…">
      </label>
    </div>
    <p class="muted">{{ t('Die IBAN zusätzlich beim Konto 1020 hinterlegen (Seite «Konten»), damit der camt-Bankimport Auszüge automatisch zuordnet.') }}</p>
  </fieldset>

  <fieldset>
    <legend>3 · {{ t('E-Mail-Versand (SMTP)') }}</legend>
    <p class="muted">{{ t('Warum diese Angaben? Wenn ein Programm E-Mails «auf eigene Faust» verschickt, landen sie beim Empfänger im Spam oder werden gar nicht zugestellt – der Absender gilt als nicht vertrauenswürdig. launCHF versendet deshalb über das <strong>echte Firmen-Postfach beim Mail-Anbieter</strong>: Die Rechnungen gehen denselben Weg wie eine von Hand geschriebene Mail und kommen entsprechend zuverlässig an. Es gelten darum die gleichen Zugangsdaten wie im Mail-Programm oder Webmail: <strong>Benutzer</strong> = die vollständige Mailadresse, <strong>Passwort</strong> = das echte Postfach-Passwort (bleibt lokal auf diesem PC gespeichert). <strong>Server, Port und Verschlüsselung</strong> stehen in der Anleitung des Mail-Anbieters, meist unter «E-Mail-Programm einrichten» – bei Schweizer Hostern typischerweise <code>mail.ihredomain.ch</code>, Port 465, SSL/TLS. Unsicher? Diesen Schritt einfach leer lassen und später unter Einstellungen nachholen.')|safe }}</p>
    <div class="form-row">
      <label>{{ t('Server') }}
        <input type="text" name="smtp_host" value="{{ settings.smtp_host }}" placeholder="mail.ihredomain.ch">
      </label>
      <label>{{ t('Port') }}
        <input type="text" name="smtp_port" value="{{ settings.smtp_port }}">
      </label>
      <label>{{ t('Verschlüsselung') }}
        <select name="smtp_security">
          <option value="ssl" {{ 'selected' if settings.smtp_security == 'ssl' }}>{{ t('SSL/TLS (Port 465)') }}</option>
          <option value="starttls" {{ 'selected' if settings.smtp_security == 'starttls' }}>{{ t('STARTTLS (Port 587) – oft nur «TLS» genannt') }}</option>
        </select>
      </label>
      <label class="grow">{{ t('Benutzer (Mailadresse)') }}
        <input type="text" name="smtp_user" value="{{ settings.smtp_user }}">
      </label>
      <label class="grow">{{ t('Passwort') }} {{ t('(bereits gespeichert – leer lassen zum Behalten)') if smtp_password_set }}
        <input type="password" name="smtp_password" value="" autocomplete="new-password">
      </label>
      <label class="grow">{{ t('Absender') }} <span class="muted">({{ t('z.B. «Accounting Firma <mail@…>»') }})</span>
        <input type="text" name="smtp_from" value="{{ settings.smtp_from }}">
      </label>
    </div>
  </fieldset>

  <fieldset>
    <legend>4 · {{ t('Backup') }}</legend>
    <div class="form-row">
      <label class="check-label">
        <input type="checkbox" name="backup_enabled" value="1" {{ 'checked' if settings.backup_enabled != '0' }}>
        {{ t('Automatisches Backup aktivieren') }}
      </label>
      <label class="grow">{{ t('Zielordner') }}
        <input type="text" name="backup_dir" value="{{ settings.backup_dir }}" placeholder="C:/Users/…/OneDrive…/Backup/…">
      </label>
    </div>
    <p class="muted">{{ t('So funktioniert es: Die App legt Zip-Backups (Datenbank + Belege + versendete PDFs) in diesen Ordner – einmal täglich beim ersten Start, danach alle 6 h geprüft. Zeigt der Ordner in einen <strong>OneDrive-Ordner dieses PCs</strong>, übernimmt OneDrive die Cloud-Synchronisierung automatisch; es ist keine weitere Einrichtung nötig.')|safe }}</p>
  </fieldset>

  {% if not has_entries %}
  <fieldset>
    <legend>5 · {{ t('Eröffnung (optional)') }}</legend>
    <div class="form-row">
      <label>{{ t('Einbezahltes Stammkapital CHF') }}
        <input type="text" name="opening_capital" class="chf" placeholder="{{ t('z.B.') }} 20'000.00">
      </label>
      <label>{{ t('Datum der Einzahlung') }}
        <input type="date" name="opening_date" value="{{ today_iso }}">
      </label>
    </div>
    <p class="muted">{{ t('Bucht das Startkapital auf «1020 Bankguthaben». Leer lassen, um die Eröffnung später im Journal zu erfassen.') }}</p>
    <details>
      <summary>{{ t('Die Firma startet mit mehr als nur Stammkapital? Weitere Positionen erfassen …') }}</summary>
      <p class="muted">{{ t('Erfasse, <strong>was</strong> die Firma zum Start besitzt (Bank, Kasse, Maschinen …) und <strong>woher</strong> es stammt (Stammkapital, Darlehen …) – beide Seiten sollten insgesamt gleich gross sein. launCHF prüft das und sagt, falls etwas fehlt.')|safe }}</p>
      <table id="opening">
        <thead><tr><th>{{ t('Konto') }}</th><th style="width:12rem">{{ t('Betrag CHF') }}</th><th style="width:3rem"></th></tr></thead>
        <tbody></tbody>
      </table>
      <template id="opening-row">
        <tr>
          <td><select name="opening_acc">
            <option value="">{{ t('– Konto wählen –') }}</option>
            {% for a in bilanz_accounts %}
            <option value="{{ a.id }}">{{ a.number }} {{ a.name }}</option>
            {% endfor %}
          </select></td>
          <td><input type="text" name="opening_amount" class="chf" placeholder="0.00"></td>
          <td><button type="button" class="btn btn-small btn-danger" onclick="this.closest('tr').remove()">×</button></td>
        </tr>
      </template>
      <p><button type="button" class="btn"
          onclick="document.querySelector('#opening tbody').appendChild(document.getElementById('opening-row').content.cloneNode(true))">+ {{ t('Position') }}</button></p>
      <p class="muted">{{ t('Das Stammkapital-Feld oben zählt bereits als Bank-Position – hier nur Zusätzliches erfassen.') }}</p>
    </details>
  </fieldset>
  {% endif %}

  <div class="form-actions">
    <button class="btn btn-primary" type="submit">{{ t('Einrichtung abschliessen') }}</button>
  </div>
</form>

<p class="muted">{{ t('Danach: Lohn-Parameter prüfen (bei Mitarbeitenden), Kunden erfassen, erste Rechnung erstellen.') }}</p>
{% endblock %}