{% extends "base.html" %}

{% block title %}AGB · Takoma Digital{% endblock %}
{% block breadcrumb %}<p class="text-xs text-neutral-500"><a href="/settings" class="hover:underline">Einstellungen</a> / AGB</p>{% endblock %}
{% block heading %}AGB &amp; Lizenzbedingungen{% endblock %}

{% block content %}
<div class="card max-w-3xl">
  <div class="card-header" style="display:flex;justify-content:space-between;align-items:center;">
    <div>
      <h2>Takoma Digital LLC — AGB &amp; Lizenzbedingungen (B2B)</h2>
      <p class="sub">Version <strong>{{ agb_version }}</strong> · Stand: {{ agb_last_updated }}</p>
    </div>
    <a class="btn btn-secondary" href="https://www.takoma-digital.com/agb" target="_blank">Online-Version</a>
  </div>
  <pre class="p-5" style="white-space:pre-wrap;font-family:'Inter',sans-serif;font-size:13px;line-height:1.6;color:var(--card-text);">{{ agb_text }}</pre>
</div>

<div class="card max-w-3xl mt-4">
  <div class="card-header"><div>
    <h2>Akzeptanz-Status</h2>
    <p class="sub">Welche AGB-Version wurde beim ersten Setup akzeptiert</p>
  </div></div>
  <div class="p-5 grid grid-cols-2 gap-x-6 gap-y-3 text-sm">
    {% set s = settings if settings is defined else {} %}
    <div>
      <p class="text-[10px] uppercase tracking-wider font-semibold" style="color: var(--card-text-muted);">Akzeptiert wurde</p>
      <p class="nums mt-1">{{ s.get('agb_version_accepted') or '—' }}</p>
    </div>
    <div>
      <p class="text-[10px] uppercase tracking-wider font-semibold" style="color: var(--card-text-muted);">Akzeptiert am</p>
      <p class="nums mt-1">{{ (s.get('agb_accepted_at') or '')[:19] or '—' }}</p>
    </div>
    <div>
      <p class="text-[10px] uppercase tracking-wider font-semibold" style="color: var(--card-text-muted);">B2B-Bestätigung</p>
      <p class="nums mt-1">{{ (s.get('b2b_confirmed_at') or '')[:19] or '—' }}</p>
    </div>
    <div>
      <p class="text-[10px] uppercase tracking-wider font-semibold" style="color: var(--card-text-muted);">Aktuelle AGB-Version</p>
      <p class="nums mt-1">{{ agb_version }}</p>
    </div>
  </div>
</div>
{% endblock %}