{% extends "basis.html" %}{% set r = t.regal %}{% set lader_mehr = {"platten_suche.js": statisch_url("platten_suche.js"), "platten_suche.css": statisch_url("platten_suche.css"), "platten_zustimmung.js": statisch_url("platten_zustimmung.js"), "platten_zustimmung.css": statisch_url("platten_zustimmung.css")} %}{% if discogs_abzug() %}{% set r = dict(r, **discogs_texte(sprache)) %}{% set lader_mehr = dict(lader_mehr, **{"platten_katalog.js": statisch_url("platten_katalog.js")}) %}{% endif %}{% block titel %}{{ r.einlesen }} – Timbre{% endblock %}{% block kopf %}<link rel="stylesheet" href="/static/plattenregal.css">{% endblock %}{% block hauptklasse %} class="pr-main"{% endblock %}{% block inhalt %}
{# Platten einlesen (10.11.2026): Einlesen B „Eine Karte füllt sich“ + „Stapel scannen“ aus C (Galerie docs/konzepte/2026-11-09-plattenregal/).
   static/platten.js füllt das Gerüst über /api/v1/platten (dieselbe API wie Desktop und iOS). Ohne Kamera: Barcode oder Katalognummer
   tippen; ein Barcode-Foto nur, wenn der Browser BarcodeDetector kann – das Bild bleibt im Browser. Mithören ist ein sichtbarer
   Platzhalter („kommt mit Live Vinyl“), nie in den Store-Apps. Texte nur aus texte_plattenregal.py (#pr-t).
   iOS-App (regalfix 10.11.2026, TP2 an-server-20261110-0600): meldet die App die Fähigkeit `regal.einlesen`, zeigt platten.js
   „Mit Kamera scannen“ (#pr-scan) statt „Barcode-Foto“; die App liest die Nummer auf dem Gerät und schickt nur sie (`regal.nummer`).
   Zweite Stufe (12.11.2026): ohne Treffer lädt platten.js static/platten_suche.js nach (Feld „Artist und Titel“ an der Meldung, `lader_mehr`).
   Zweite Quelle (12.11.2026, Schalter TIMBRE_DISCOGS_ABZUG, Vorgabe aus): nur wenn discogs_abzug() es erlaubt, ersetzt
   texte_discogs.regal die Meldungen und den Hinweis unter dem Feld und nennt das Zusatz-Modul (`zusatz`, static/platten_katalog.js:
   Herkunft je Treffer). Sonst steht davon nichts in der Seite – auch nie in den Store-Fassungen.
   Zustimmung „Plattensuche bei MusicBrainz“ (12.11.2026, in JEDER Fassung – ohne sie sucht der Server nicht): `zu` in #pr-t trägt
   Zustand, Text der Fassung und Knöpfe; platten.js lädt static/platten_zustimmung.js nach (Dialog vor der ersten Suche, Zustand
   und Zurücknehmen in #pz-stand). Der Hinweis unter dem Feld folgt dem Zustand. #}
<script type="application/json" id="pr-t">{% set rt = dict(r, kommt=none, mithoeren=none, mithoeren_satz=none, vorschlag=vorschlag, stapel=stapel, platte=platte_id, sprache=sprache, zu=zu, fehler=dict(r.fehler, zustimmung_musicbrainz_fehlt=zu.fehlt)) %}{% if store_app %}{% set rt = dict(rt, foto_knopf=none, foto_hilfe=none, foto_nichts=none) %}{% endif %}{% if mac_store_app %}{% set rt = dict(rt, scan_aus=none, scan_hilfe=none, scan_knopf=none, scan_offen=none, stapel_knopf=none, stapel_fertig=none, stapel_naechste=none, stapel_satz=none, stapel_unklar=none, stapel_zahl=none, stapel_leer=none) %}{% endif %}{{ rt | tojson }}</script>
<div class="pr-einlesen" id="pr" data-stapel="{{ '1' if stapel else '0' }}">
  <header class="pr-kopf">
    {# Store-Fassungen (11.11.2026, nur zeigen, was der Build kann): „Stapel scannen“ steht dort nicht im HTML. In der iOS-App hängt
       static/platten.js den Weg an, sobald die App `regal.einlesen` meldet; am Mac gibt es ihn nicht. (Ein verborgener Link ginge
       nicht: `.xp-lib a{display:inline-flex}` schlägt das Attribut hidden.) #}
    <nav class="xp-lib pr-umschalter" aria-label="{{ r.einlesen }}"{% if ios_app and not stapel %} id="pr-stapelweg"{% endif %}><a href="/regal/einlesen"{% if not stapel %} aria-current="true"{% endif %}>{{ r.einlesen_knopf }}</a>{% if not store_app or (ios_app and stapel) %}<a href="/regal/einlesen?stapel=1"{% if stapel %} aria-current="true"{% endif %}>{{ r.stapel_knopf }}</a>{% endif %}</nav>
    <h1 class="pr-titel">{{ r.stapel if stapel else r.einlesen }}</h1>
    <p class="leise pr-satz">{{ r.stapel_satz if stapel else r.einlesen_satz }}</p>
  </header>
  <form class="pr-suche" id="pr-suche" autocomplete="off">
    <label class="pr-label" for="pr-code">{{ r.code_label }}</label>
    <div class="pr-suchzeile">
      <input type="text" id="pr-code" name="code" inputmode="text" maxlength="40" placeholder="{{ r.code_platzhalter }}" spellcheck="false" required>
      <button type="submit" class="knopf voll">{{ r.suchen }}</button>
      {# Store-Fassungen (11.11.2026): kein Barcode-Foto – dort zählt nur der Scanner der App (Fähigkeit regal.einlesen) #}
      {% if not store_app %}<button type="button" class="knopf" id="pr-foto" hidden>{{ r.foto_knopf }}</button>{% endif %}
      {% if ios_app %}<button type="button" class="knopf" id="pr-scan" hidden>{{ r.scan_knopf }}</button>{% endif %}
      {% if not store_app %}<input type="file" id="pr-foto-datei" accept="image/*" capture="environment" hidden>{% endif %}
    </div>
    {% if not store_app %}<p class="klein leise" id="pr-foto-hilfe" hidden>{{ r.foto_hilfe }}</p>{% endif %}
    {% if ios_app %}<p class="klein leise" id="pr-scan-hilfe" hidden>{{ r.scan_hilfe }}</p>{% endif %}
    <p class="pr-status" id="pr-status" role="status" aria-live="polite"></p>
  </form>
  <div class="pr-treffer" id="pr-treffer" role="list" hidden></div>
  {% if not mac_store_app %}<section class="pr-stapel" id="pr-stapel" aria-labelledby="pr-stapel-h"{% if not stapel %} hidden{% endif %}>
    <h2 class="pr-h2" id="pr-stapel-h">{{ r.stapel }}</h2>
    <p class="klein leise" id="pr-stapel-zahl">{{ r.stapel_leer }}</p>
    <ol class="pr-stapelliste" id="pr-stapelliste"></ol>
  </section>{% endif %}
  <section class="pr-karte karte" id="pr-karte" aria-live="polite" hidden></section>
  {% if not store_app %}<aside class="pr-mithoeren" aria-labelledby="pr-mh-h">
    <h2 class="pr-h3" id="pr-mh-h">{{ r.mithoeren }} <span class="n-kommt">{{ r.kommt }}</span></h2>
    <p class="klein leise">{{ r.mithoeren_satz }}</p>
  </aside>{% endif %}
  <details class="pr-hand" id="pr-hand">
    <summary>{{ r.von_hand }}</summary>
    <form class="pr-handform" id="pr-handform" autocomplete="off">
      <label>{{ r.hand_artist }}<input type="text" name="artist" maxlength="300"></label>
      <label>{{ r.hand_titel }}<input type="text" name="titel" maxlength="300" required></label>
      <label>{{ r.hand_label }}<input type="text" name="label" maxlength="200"></label>
      <label>{{ r.hand_katno }}<input type="text" name="katalognummer" maxlength="60"></label>
      <label>{{ r.hand_jahr }}<input type="number" name="jahr" min="1880" max="2100" inputmode="numeric"></label>
      <label class="pr-breit">{{ r.hand_tracks }}<textarea name="tracks" rows="5" required placeholder="{{ r.hand_tracks_beispiel }}"></textarea></label>
      <button type="submit" class="knopf voll">{{ r.hand_speichern }}</button>
    </form>
  </details>
  <p class="klein leise pr-datenschutz">{{ r.datenschutz if zu.gueltig else zu.ohne }}</p>
  <p class="klein leise" id="pz-stand">{{ zu.seit or "" }}</p>
  <p class="pr-zurueck"><a class="textlink" href="/regal">{{ r.zum_regal }}</a></p>
  <noscript><p class="hinweis klein">{{ r.ohne_js }}</p></noscript>
</div>
<script src="/static/platten.js" defer></script>
{% endblock %}