{#each schueler as s (s.ID)}
  {#each s.abschnitte.filter(aktHalbjahr) as hj (hj.ID)}
    <div class="page grid" orientation="portrait" size="A4">
      <Seitenlogo/>
      <Pageheader logo="daten/zeugnis_logo.svg"/>
      <div class="main">
        <div style="font-size: 15pt; line-height: 1.5em">
          {(fkl[s.fachklasse.Kennung] || fkl.default).Schulform}
        </div>
        <div style="font-size: 12pt; line-height: 1.2em">
          {(fkl[s.fachklasse.Kennung] || fkl.default).Bereich}<br />{s.Geschlecht === '3' ? s.fachklasse.Bezeichnung : s.fachklasse.Beschreibung_W}
        </div>
        <Voffset v="1"/>
        <b>{s.anrede} {s.Vorname} {s.Zusatz || ''} {s.Name},</b>
        <br />geboren am {datum(s.Geburtsdatum)} in {s.Geburtsort},<br />
        {#if s.ASDSchulform.startsWith('E')}
          besuchte das Schuljahr {hj.schuljahr} in der Klasse {hj.Klasse}
        {:else}
          besuchte im {hj.Abschnitt}. Halbjahr des Schuljahres {hj.schuljahr} die Klasse {hj.Klasse}
        {/if}
        <Voffset v="2"/>
        Leistungen laut Konferenzbeschluss vom {datum(hj.Konferenzdatum)}:
        <Noten noten={hj.noten}></Noten>
        <hr />
        {#if !s.ASDSchulform.startsWith('E')}
          Fehlstunden: {Number(hj.SumFehlStd) || 0}
          {#if Number(hj.SumFehlStdU) > 0}
            , davon unentschuldigt: {hj.SumFehlStdU}
            <Voffset v="1"/>
          {/if}
        {/if}
        <Voffset v="1"/>
        <b>{versetzungsvermerk(s,hj)}</b>
        <Voffset v="1"/>
        <b>Bemerkungen</b><br />{bemerkungen(hj)}
      </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.v_name_klassenlehrer}<br />{hj.klassenlehrer_in}
          </div>
        </div>
        <div class="flex-grid">
          {#if !s.ASDSchulform.startsWith('E')}
            <div class="col-2"></div>
            <div class="col-2">
              <Voffset v="1"/>
              Die Kenntnisnahme wird bestätigt:
            </div>
            <div class="col">
              <Voffset v="3"/>
              <hr />
              <div class="klein text-center">
                {volljaehrigBei(s, hj.ZeugnisDatum) ? s.schueler_in : 'Erziehungsberechtigte'}
              </div>
            </div>
          {/if}
        </div>
        <Fussnote schulNr={schule.SchulNr}></Fussnote>
      </div>
    </div>
  {/each}
{/each}

<script>
  import { datum, versetzungsvermerk, volljaehrigBei, bemerkungen }  from './helfer'
  import fkl from './daten/fachklassen.json'

  export default {
    components: {
      Seitenlogo: './partials/Seitenlogo.html',
      Pageheader: './partials/Pageheader.html',
      Noten: './partials/Noten.html',
      Fussnote: './partials/Fussnoten.html',
      Voffset: './partials/Voffset.html'
    },
    helpers: { fkl, datum, versetzungsvermerk, volljaehrigBei, bemerkungen, _ },
    computed: {
      aktHalbjahr: ({jahr, abschnitt}) => { return a => a.Jahr === jahr && a.Abschnitt === abschnitt }
    }
  }
</script>

<style>
  @import 'css/main.css';
</style>