<%- include('../partials/head', { title: mode === 'create' ? 'Neues Zertifikat' : 'Zertifikat bearbeiten' }) %>
<%- include('../partials/topbar', {
  kicker: 'Administration',
  heading: mode === 'create' ? 'Neues Zertifikat' : 'Zertifikat bearbeiten',
  actionSecondary: { href: '/admin/certificates', label: 'Zurueck zur Uebersicht' },
  showLogout: true
}) %>
<main class="main-area">
  <div class="container-inner">
    <section class="content-card content-card--padded">
      <% if (mode === 'edit' && certificate.certificate_url) { %>
      <div class="admin-verify-panel">
        <h2 class="admin-verify-title">Verifizierung (nur im Admin sichtbar)</h2>
        <p class="admin-verify-hint">Oeffentliche Zertifikatsseite ohne QR und ohne diesen Link.</p>
        <a class="verify-link-admin" href="<%= certificate.certificate_url %>" target="_blank" rel="noopener noreferrer"><%= certificate.certificate_url %></a>
        <div class="admin-verify-qr">
          <img src="<%= certificate.qr_code_data %>" alt="QR-Code zum Zertifikatslink" width="180" height="180" />
        </div>
      </div>
      <% } %>
      <form method="POST" action="<%= formAction %>" class="form-grid">
        <label>
          Titel
          <input type="text" name="title" value="<%= certificate.title || 'Deutsch B1' %>" required />
        </label>

        <label>
          Subtitel
          <input
            type="text"
            name="subtitle"
            value="<%= certificate.subtitle || 'Europaratsstufe B1 · Council of Europe level B1' %>"
            required
          />
        </label>

        <label>
          Vorname
          <input type="text" name="first_name" value="<%= certificate.first_name || '' %>" required />
        </label>

        <label>
          Name
          <input type="text" name="last_name" value="<%= certificate.last_name || '' %>" required />
        </label>

        <label>
          Geburtsdatum
          <input type="date" name="date_of_birth" value="<%= certificate.date_of_birth || '' %>" required />
        </label>

        <label>
          Geburtsort
          <input type="text" name="place_of_birth" value="<%= certificate.place_of_birth || '' %>" required />
        </label>

        <label>
          Leseverstehen (Punkte)
          <input type="number" name="points_leseverstehen" min="0" step="1" value="<%= certificate.points_leseverstehen ?? 0 %>" required />
        </label>

        <label>
          Sprachbausteine (Punkte)
          <input type="number" name="points_sprachbausteine" min="0" step="1" value="<%= certificate.points_sprachbausteine ?? 0 %>" required />
        </label>

        <label>
          Hoerverstehen (Punkte)
          <input type="number" name="points_hoerverstehen" min="0" step="1" value="<%= certificate.points_hoerverstehen ?? 0 %>" required />
        </label>

        <label>
          Schriftlicher Ausdruck (Punkte)
          <input type="number" name="points_schriftlicher_ausdruck" min="0" step="1" value="<%= certificate.points_schriftlicher_ausdruck ?? 0 %>" required />
        </label>

        <label>
          Kontaktaufnahme (Punkte)
          <input type="number" name="points_kontaktaufnahme" min="0" step="1" value="<%= certificate.points_kontaktaufnahme ?? 0 %>" required />
        </label>

        <label>
          Gespraech ueber ein Thema (Punkte)
          <input type="number" name="points_gespraech_thema" min="0" step="1" value="<%= certificate.points_gespraech_thema ?? 0 %>" required />
        </label>

        <label>
          Gemeinsam eine Aufgabe loesen (Punkte)
          <input type="number" name="points_gemeinsame_aufgabe" min="0" step="1" value="<%= certificate.points_gemeinsame_aufgabe ?? 0 %>" required />
        </label>

        <label>
          Praedikat
          <input type="text" name="grade" value="<%= certificate.grade || '' %>" required />
        </label>

        <label>
          Datum der Pruefung
          <input type="date" name="exam_date" value="<%= certificate.exam_date || '' %>" required />
        </label>

        <label>
          Teilnehmernummer
          <input type="text" name="participant_number" value="<%= certificate.participant_number || '' %>" required />
        </label>

        <label>
          Datum der Ausstellung
          <input type="date" name="issue_date" value="<%= certificate.issue_date || '' %>" required />
        </label>

        <label>
          Pruefungszentrum
          <input type="text" name="exam_center" value="<%= certificate.exam_center || '' %>" required />
        </label>

        <div class="form-actions full-width">
          <button class="btn" type="submit">
            <%= mode === "create" ? "Zertifikat erstellen" : "Aenderungen speichern" %>
          </button>
        </div>
      </form>
    </section>
  </div>
</main>
<%- include('../partials/foot') %>
