{% extends 'base_pdf.html.twig' %}

{% block bodyclass %}safety-instruction{% endblock %}
{% block body %}
    {% include '/worker/pdf/content/job_description.html.twig' %}

    {% apply spaceless %}
        <p>Der Mitarbeiter wurde fachlich geschult von</p>
        <div class="pure-g m-t valign-bottom">
            <div class="pure-u-1-4 text-bold">
                {{ data.leader.lastName }}
            </div>
            <div class="pure-u-1-4 text-bold">
                {{ data.leader.firstName }}
            </div>
            <div class="pure-u-1-4 text-bold">
                {{ data.date|date('Y-m-d') }}
            </div>
            <div class="pure-u-1-4">
                <img src="{{ data.leader.signature }}" class="signature">
            </div>
        </div>
        <div class="pure-g">
            <div class="pure-u-1-4">
                Name
            </div>
            <div class="pure-u-1-4">
                Vorname
            </div>
            <div class="pure-u-1-4">
                Datum
            </div>
            <div class="pure-u-1-4">
                Unterschrift
            </div>
        </div>

        <p class="m-t">
            Der Mitarbeiter bestätigt, am {{ data.date|date('Y-m-d') }}, im Rewe Markt {{ data.market.number }}, {{ data.market.city }}.
            <br>
            Von {{ data.start | date('H:i') }} bis {{ data.end | date('H:i') }} Uhr, von o.g. Unterweiser fachlich
            eingearbeitet worden zu sein und das er, die ihm zugewiesene Tätigkeit, verstanden hat.
        </p>

        <div class="pure-g m-t valign-bottom">
            <div class="pure-u-1-4 text-bold">
                {{ data.worker.lastName }}
            </div>
            <div class="pure-u-1-4 text-bold">
                {{ data.worker.firstName }}
            </div>
            <div class="pure-u-1-4 text-bold">
                {{ data.date|date('Y-m-d') }}
            </div>
            <div class="pure-u-1-4">
                <img src="{{ data.worker.signature }}" class="signature">
            </div>
        </div>
        <div class="pure-g">
            <div class="pure-u-1-4">
                Name
            </div>
            <div class="pure-u-1-4">
                Vorname
            </div>
            <div class="pure-u-1-4">
                Datum
            </div>
            <div class="pure-u-1-4">
                Unterschrift
            </div>
        </div>
    {% endapply %}
{% endblock %}