{% extends "tesm_core/base.html" %}
{% from "tesm_core/macros.html" import field, textarea_field, alert %}

{% block page_title %}Anbieterdaten{% endblock %}
{% block page_sub %}Reisen in jeder ausgestellten Lizenz mit{% endblock %}

{% block content %}
{{ alert('Diese Angaben werden in jede Lizenzdatei eingebettet und beim Kunden auf der
Lizenzseite angezeigt -- inklusive Logo. Der oeffentliche Endpunkt entscheidet zusaetzlich,
welche Basis-URL in kundengerichteten Links steht.', 'info') }}

<div class="grid grid--split">
  <section class="card">
    <div class="card__header">
      <div class="flex-1"><div class="card__title">{{ icon('building', size=17) }} Kontakt</div></div>
    </div>
    <form method="post" action="{{ url_for('settings.vendor_save') }}" enctype="multipart/form-data">
      <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token() }}">
      <div class="card__body stack">
        <div class="form-grid">
          {{ field('vendor_name', 'Anbietername', value=values.vendor_name,
                   disabled=not current_user.has('settings_vendor.edit')) }}
          {{ field('vendor_email', 'E-Mail', value=values.vendor_email, type='email',
                   disabled=not current_user.has('settings_vendor.edit')) }}
          {{ field('vendor_phone', 'Telefon', value=values.vendor_phone,
                   disabled=not current_user.has('settings_vendor.edit')) }}
        </div>
        {{ textarea_field('vendor_address', 'Adresse', value=values.vendor_address, rows=3) }}
        {{ field('master_endpoint', 'Oeffentlicher Endpunkt', value=values.master_endpoint,
                 placeholder='https://lizenz.firma.de',
                 disabled=not current_user.has('settings_vendor.edit'),
                 hint_text='Basis-URL, unter der Kundeninstanzen diesen Server erreichen. Wird in
                 jede Lizenz eingebettet und fuer alle kundengerichteten Links verwendet -- statt
                 des Host-Headers der aktuellen Anfrage, der bei internen Aufrufen falsch waere.',
                 extra_class='field--full') }}
        <fieldset class="fieldset">
          <legend>Logo (maximal {{ max_logo_kb }} KB)</legend>
          <div class="stack stack--tight">
            {% if values.vendor_logo_base64 %}
              <img src="{{ values.vendor_logo_base64 }}" alt="Aktuelles Logo"
                   style="max-height:64px;background:var(--surface-2);padding:var(--sp-2);border-radius:var(--r-sm)">
            {% else %}
              <p class="faint fs-sm">Kein Logo hinterlegt.</p>
            {% endif %}
            <input class="input" type="file" name="vendor_logo" accept="image/png,image/jpeg,image/svg+xml"
                   {% if not current_user.has('settings_vendor.edit') %}disabled{% endif %}>
            <span class="field__hint">
              Ein zu grosses Logo wird abgelehnt, die uebrigen Angaben werden trotzdem gespeichert.
            </span>
          </div>
        </fieldset>
      </div>
      {% if current_user.has('settings_vendor.edit') %}
        <div class="card__footer modal__footer--split">
          {% if values.vendor_logo_base64 %}
            <button class="btn btn--sm btn--ghost" type="submit"
                    formaction="{{ url_for('settings.vendor_logo_remove') }}">Logo entfernen</button>
          {% else %}<span></span>{% endif %}
          <button class="btn btn--primary" type="submit">Speichern</button>
        </div>
      {% endif %}
    </form>
  </section>

  <section class="card">
    <div class="card__header">
      <div class="flex-1"><div class="card__title">{{ icon('info', size=17) }} Wo das erscheint</div></div>
    </div>
    <div class="card__body">
      <ul class="stack stack--tight fs-sm muted">
        <li>Auf der Lizenzseite der Kundeninstanz (Name, Kontakt, Logo).</li>
        <li>In der E-Mail, die eine Lizenz ausliefert.</li>
        <li>Im Self-Service und im Kundenportal.</li>
      </ul>
      <div class="divider"></div>
      <p class="fs-sm muted">
        Die Angaben werden zum Zeitpunkt der Ausstellung in die Lizenz kopiert und signiert. Eine
        Aenderung hier wirkt auf neue Lizenzen -- bestehende behalten ihren Stand, bis eine neue
        Revision signiert wird.
      </p>
    </div>
  </section>
</div>
{% endblock %}