{#each schueler as s (s.ID)}
  {#each s.abschnitte.filter(aktHalbjahr) as hj (hj.ID)}
    <div class="page grid" orientation="portrait" size="A4">
      <div class="seitenlogo">
        <img src="daten/traeger_logo.svg" height="160px" alt="traeger_logo" />
      </div>
      <div class="header">
        <img src="daten/zeugnis_logo.svg" width="100%" alt="zeugnis_logo" />
        <hr class="hr-rot" />
      </div>
      <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>
        <div class="voffset-1"></div>
        <b>{s.anrede} {s.Vorname} {_.toString(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}
        <div class="voffset-2"></div>
        Leistungen laut Konferenzbeschluss vom {datum(hj.Konferenzdatum)}:
        <Noten bind:data="hj.noten"></Noten>
        <hr />
        {#if !s.ASDSchulform.startsWith('E')}
          Fehlstunden: {_.toNumber(hj.SumFehlStd)}
          {#if hj.SumFehlStdU > 0}
            , davon unentschuldigt: {hj.SumFehlStdU}
            <div class="voffset-1"></div>
          {/if}
        {/if}
        <div class="voffset-1"></div>
        <b>{versetzungsvermerk(s,hj)}</b>
        <div class="voffset-1"></div>
        <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-3">
            <hr />
            {schule.SchulleiterVorname} {schule.SchulleiterName} <br />{schule.schulleiter_in}
          </div>
          <div class="col text-center klein voffset-3">
            Siegel
          </div>
          <div class="col text-center klein voffset-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-1">
              Die Kenntnisnahme wird bestätigt:
            </div>
            <div class="col voffset-3">
              <hr />
              <div class="klein text-center">
                {volljaehrigBei(s, hj.ZeugnisDatum) ? s.schueler_in : 'Erziehungsberechtigte'}
              </div>
            </div>
          {/if}
        </div>
        <div class="klein grau voffset-2">
          <div class="schulnummer">
            Schulnummer: {schule.SchulNr}
          </div>
          <hr class="hr-grau" />
          <div class="grau" style="font-size: 1em">
            Notenstufen gemäß § 48 SchulG: 1 = sehr gut, 2 = gut, 3 = befriedigend, 4 = ausreichend, 5 = mangelhaft, 6 = ungenügend
            <div class="voffset-halb"></div>
            Dem Zeugnis liegen zugrunde: Die Verordnung über die Ausbildung und Prüfung in den Bildungsgängen des Berufskollegs (Ausbildungs- und Prüfungsordnung Berufskolleg, APO-BK) vom 26. Mai 1999 (SGV. NRW. 223/BASS 13 – 33 Nr. 1.1).
            <div class="voffset-halb"></div>
            Rechtsbehelfsbelehrung: Gegen dieses Zeugnis kann innerhalb eines Monats nach Bekanntgabe des Zeugnisses Widerspruch eingelegt werden. Der Widerspruch ist beim Berufskolleg Bethel, Am Zionswald 12, 33617, Bielefeld, schriftlich oder zur Niederschrift zu erheben. <br>Falls die Frist durch das Verschulden einer/eines Bevollmächtigten versäumt wird, wird dies Verschulden der Widerspruchsführerin/dem Widerspruchsführer zugerechnet.
          </div>
        </div>
      </div>
    </div>
  {/each}
{/each}

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

	export default {
    setup(Component) {Component.bez = 'Jahreszeugnis einseitig'},
    components: {Noten: './partials/NotenE.html'},
    data () { return {fkl: fkl} },
    helpers: { datum, versetzungsvermerk, volljaehrigBei, bemerkungen, Mark, _ },
    computed: {
      aktHalbjahr: ({jahr, abschnitt}) => { return a => a.Jahr === jahr && a.Abschnitt === abschnitt }
    }
  }
</script>

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