{#each schueler as s (s.ID)}
  {#each s.abschnitte.filter(aktHalbjahr) as hj (hj.ID)}
    <div class="page grid" orientation="portrait" size="A4">
      <Seitenlogo logo="{privat.traegerLogo}"/>
      <Pageheader art="daten/agz.svg" logo="{privat.logo}" untertitel="{privat.untertitel}"/>
      <div class="main">
        <div style="font-size: 15pt; line-height: 1.5em">
          {bg(s, 'Schulform')}
        </div>
        <div style="font-size: 12pt; line-height: 1.2em">
          {bg(s, 'Bereich')}
          {#if s.ASDSchulform.startsWith('B')}
            <br />
            Abschluss {@html s.Geschlecht === 3 ? bg(s, 'Berufsbezeichnung_m') : bg(s, 'Berufsbezeichnung_w')}
          {/if}
        </div>
        <Voffset v="1"/>
        <b>{s.anrede} {s.Vorname} {s.Zusatz || ''} {s.Name},</b>
        <br />geboren am {datum(s.Geburtsdatum)} in {s.Geburtsort},<br />
        war vom {datum(s.BeginnBildungsgang)} bis {datum(s.Entlassdatum)} {s.schueler_in}
        des Bildungsgangs {bg(s, 'Zeugniskopf')}.
        <br />{s.Geschlecht === 3 ? 'Er':'Sie'} war zuletzt {s.schueler_in} in der Klasse {s.Klasse}.
        <Voffset v="2"/>
        Leistungen laut Konferenzbeschluss vom {datum(hj.Konferenzdatum)}:
        <button class="vbutton no-print" on:click="{() => zeigeBKAbschlussNoten = !zeigeBKAbschlussNoten}">
          BK-Abschluss wird {zeigeBKAbschlussNoten ? '' : 'nicht'} verwendet
        </button>
        <Noten
          noten={zeigeBKAbschlussNoten ? s.bk_abschluss_faecher : hj.noten}
          fachGliederungen={s.fachklasse.fach_gliederungen}
          ger
          fachklasse={s.fachklasse.Kennung}
          faechergruppenIds={[10,20,30]}
        ></Noten>
        <hr />
        {#if zeigeVersetzungsvermerk}
          <b>{versetzungsvermerk(hj)}</b>
        {/if}
        <button class="vbutton no-print" on:click="{() => zeigeVersetzungsvermerk = !zeigeVersetzungsvermerk}">
          Versetzungsvermerk {zeigeVersetzungsvermerk ? 'entfernen' : 'anzeigen'}
        </button>
        <Voffset v="1"/>
        <b>Bemerkungen</b><br />{@html bemerkungen(hj)}
          {#if zeige_FHR}
            <Voffset v="2"/>
            {s.anrede} {s.Vorname} {s.Zusatz || ''} {s.Name} hat nach § 13 a Absatz 1 Anlage D
            APO-BK mit der Versetzung in die Jahrgangsstufe 12 die
            Voraussetzungen für die Zuerkennung des schulischen Teils der
            Fachhochschulreife erfüllt. Der Abschluss ist im Deutschen und
            Europäischen Qualifikationsrahmen dem Niveau 4 zugeordnet. Dieses
            Zeugnis gilt in Verbindung mit dem Nachweis einer mindestens
            zweijährigen abgeschlossenen Berufsausbildung nach Bundes- oder
            Landesrecht als Nachweis der Fachhochschulreife. Es berechtigt
            in den Ländern Nordrhein-Westfalen, Niedersachsen und
            Schleswig-Holstein zum Studium an Fachhochschulen.
            <Voffset v="2"/>
            <table class="table-noten">
              <tr>
                <td>Durchschnittsnote:</td>
                <td class="td-fach-note"><span>{s.fhr_abschluss && s.fhr_abschluss.Note}</span></td>
                <td>in&nbsp;Worten:</td>
                <td class="td-fach-note"><span>{@html s.fhr_abschluss && s.fhr_abschluss.Note && noteInWorten(s.fhr_abschluss.Note)}</span></td>
              </tr>
            </table>
          {/if}
          <button class="vbutton no-print" on:click="{() => zeige_FHR = !zeige_FHR}">
            FHR abgeschlossen: {zeige_FHR ? 'Ja' : 'Nein'}
          </button>
      </div>
      <div class="footer">
        <div class="flex-grid">
          <div class="col-2">
            {schule.Ort}, den {datum(hj.ZeugnisDatum)}
          </div>
          <div class="col text-center klein">
            <Voffset v="3"/>
            <hr />
            {schule.SchulleiterVorname} {schule.SchulleiterName}<br />{schule.schulleiter_in}
          </div>
          <div class="col text-center klein">
            <Voffset v="3"/>
            Siegel
          </div>
          <div class="col text-center klein">
            <Voffset v="3"/>
            <hr />
            {hj.lehrer.Vorname} {hj.lehrer.Nachname}<br />{hj.klassenlehrer_in}
          </div>
        </div>
        <Fussnote {schule} ger></Fussnote>
      </div>
    </div>
  {/each}
{/each}

<script>
  import { datum, versetzungsvermerk, volljaehrigBei, bemerkungen, bg, noteInWorten }  from './helfer'

  import Seitenlogo from './partials/Seitenlogo.html'
  import Pageheader from './partials/Pageheader.html'
  import Voffset from './partials/Voffset.html'
  import Noten from './partials/Noten.html'
  import Fussnote from './partials/Fussnoten.html'

  export let schueler, schule, privat, jahr, abschnitt
  let zeigeVersetzungsvermerk = true
  let zeigeBKAbschlussNoten = false
  const aktHalbjahr = a => a.Jahr === jahr && a.Abschnitt === abschnitt
  let zeige_FHR
  const fhrFach = (s, fach, id) => {
    const pid = 'P1' + id
    if (!fach[pid]) return
    const fach2 = s.fhr_abschluss_faecher.find(f => f.Fach_ID === fach.Fach_ID)
    const rsid = 'RSII_' + id
    return fach2[rsid] === '+' ? fach[pid] : `(${fach[pid]})`
  }
</script>

<style>
  @import 'css/main.css';
  .vbutton {
    background-color: red;
    color: white;
  }
</style>