{% extends "base.html" %}

{% block content %}
<div class="container narrow">

  <div class="login-box" style="max-width: 650px; margin: 0 auto;">
    <div class="login-header">
      <div class="login-icon">🥨</div>
      <h1>Mandanten-Setup & Schnellstart</h1>
      <p class="login-sub">Portal: <strong>{{ tenant.name }}</strong> ({{ tenant.slug }})</p>
      <div class="privacy-note">
        🚀 Willkommen bei Schmankerl! Hier richtest du dein Portal mit 3 einfachen Schritten ein.
      </div>
    </div>

    <!-- Step 1: Sortiment -->
    <div class="setup-step-card">
      <div class="step-num">1</div>
      <div class="step-content">
        <h3>Bayerisches Standard-Sortiment laden</h3>
        <p class="card-hint" style="margin-bottom: 12px;">
          Aktuell im Sortiment: <strong>{{ prod_count }} Artikel</strong>.<br>
          Lädt mit einem Klick die Klassiker vor: Original Münchner Weißwürste, frische Laugenbrezen, Händlmaier Hausmachersenf, warme Leberkassemmeln, Wiener Würstchen und alkoholfreies Weißbier.
        </p>
        <form action="/setup/seed-products" method="POST">
          <button type="submit" class="btn-primary" style="font-size: 0.9rem;">
            🥨 Standard-Sortiment jetzt laden
          </button>
        </form>
      </div>
    </div>

    <!-- Step 2: Event -->
    <div class="setup-step-card">
      <div class="step-num">2</div>
      <div class="step-content">
        <h3>Erste Brotzeitrunde planen</h3>
        <p class="card-hint" style="margin-bottom: 12px;">
          Lege Datum, Uhrzeit und Bestellfrist fest, damit Kollegen und Gäste bestellen können.
        </p>
        <a href="/admin?tab=event" class="btn-secondary" style="font-size: 0.9rem;">
          📅 Event-Planung im Cockpit öffnen
        </a>
      </div>
    </div>

    <!-- Step 3: Invite -->
    <div class="setup-step-card">
      <div class="step-num">3</div>
      <div class="step-content">
        <h3>Team einladen (Dauerhafter Team-Link)</h3>
        <p class="card-hint" style="margin-bottom: 12px;">
          Erzeuge einen unbegrenzten Einladungslink und pinne ihn in deinen Slack- oder Teams-Kanal.
        </p>
        <a href="/admin?tab=team" class="btn-secondary" style="font-size: 0.9rem;">
          👥 Team-Link im Cockpit generieren
        </a>
      </div>
    </div>

    <div style="text-align: center; margin-top: 2rem;">
      <a href="/admin" class="btn-primary">Zum Admin-Cockpit</a>
    </div>

  </div>

</div>
{% endblock %}