{# Das Chatsymbol unten rechts — und darunter das GANZE Gespraech.

   Warum `<details>` und keine Zeile JavaScript, warum die Zahl eine Zahl
   und kein Ungelesen-Zeichen ist und warum die Blase nie luegt: alles bei
   `_rueckfrage_blase` in `main.py`.

   `verlauf` kommt als gerendertes Markup aus `chat.html`. #}
{% import "bausteine/bausatz.html" as b %}
<details class="blase-knopf"{% if offen %} open{% endif %}>
  <summary title="Nachrichten mit der Bewirtschaftung"
           aria-label="Nachrichten mit der Bewirtschaftung">
    <span class="symbol" aria-hidden="true">✉</span>
    <span class="wort">Nachrichten</span>{% if anzahl %} <span class="zahl" aria-label="{{ anzahl }} neue Nachrichten">{{ anzahl }}</span>{% endif +%}
    <!-- Auf dem Handy fuellt die Blase den ganzen Bildschirm; dann ist der
         Streifen mit dem Symbol die Kopfzeile, und sie braucht ein
         Schliessen-Zeichen. Am Schreibtisch bleibt es verborgen — dort
         schliesst der Knopf selbst. -->
    <span class="zu" aria-hidden="true">✕</span>
  </summary>
  <div class="blase-feld">
    <h2>Nachrichten</h2>
    {{ verlauf }}
    <form method="post" action="/a/{{ token|pfadteil }}/rueckmeldung">
      <input type="hidden" name="art" value="rueckfrage">
      {% call b.feld("Ihre Rückfrage", "text") %}<textarea id="text" name="text" rows="3" required maxlength="10000" placeholder="Was Sie wissen möchten"></textarea>{% endcall %}
      {{ b.knopf("Nachricht senden", "haupt", klasse="breit") }}
    </form>
  </div>
</details>