{% extends "base.html" %}
{% block title %}Akkreditierung beantragen · FireDB Medienportal{% endblock %}
{% block content %}
<section class="auth-card auth-card-wide">
  <a class="backlink" href="{{ request.scope.get('root_path', '') }}/login">← Zur Anmeldung</a>
  <p class="eyebrow">Pressezugang</p><h1>Akkreditierung beantragen</h1>
  {% if success %}<div class="alert alert-success"><strong>Antrag eingegangen.</strong><br>Wenn die Angaben verarbeitet werden können, erhalten Sie eine E-Mail. Der Zugang wird erst nach manueller Prüfung aktiviert.</div>
  {% else %}
  <p class="lead compact">Alle Felder werden für die manuelle Prüfung benötigt.</p>
  {% if error %}<div class="alert alert-error" role="alert">{{ error }}</div>{% endif %}
  <form class="form-grid" method="post" action="{{ request.scope.get('root_path', '') }}/register" enctype="multipart/form-data">
    <label>Vorname<input name="first_name" required maxlength="120"></label><label>Nachname<input name="last_name" required maxlength="120"></label>
    <label class="span-2">Medium / Redaktion<input name="newsroom" required maxlength="240"></label>
    <label>E-Mail-Adresse<input name="email" type="email" required autocomplete="email"></label><label>Telefon<input name="phone" type="tel" required maxlength="80"></label>
    <label class="span-2">Redaktionsanschrift<textarea name="newsroom_address" required maxlength="500" rows="3"></textarea></label>
    <label>Presseausweisnummer<input name="press_card_number" required maxlength="120"></label><label>Akkreditierungsnachweis<input name="evidence" type="file" accept="application/pdf,image/jpeg,image/png" required><small>PDF, JPEG oder PNG · maximal 10 MB</small></label>
    <label>Passwort<input name="password" type="password" minlength="12" required autocomplete="new-password"></label><label>Passwort wiederholen<input name="password_confirm" type="password" minlength="12" required autocomplete="new-password"></label>
    <label class="check-row span-2"><input name="privacy_accepted" type="checkbox" value="yes" required><span>Ich bestätige die Datenschutzerklärung.</span></label>
    <label class="check-row span-2"><input name="terms_accepted" type="checkbox" value="yes" required><span>Ich akzeptiere die Nutzungsbedingungen.</span></label>
    <div class="form-actions span-2"><a class="button button-secondary" href="{{ request.scope.get('root_path', '') }}/login">Abbrechen</a><button class="button button-primary" type="submit">Antrag absenden</button></div>
  </form>
  {% endif %}
</section>
{% endblock %}