{% extends '@Contao/block_unsearchable' %}

{% block content %}
    {% if jobs is not defined %}
        <p>Es wurden keine Stellenangebote gefunden!</p>
    {% else %}
        <form class="filter" method="get">
            <div class="formbody">
                <input type="hidden" name="FORM_SUBMIT" value="{{ formSubmit }}">
                <div class="widget widget-text">
                    <input type="text" name="filter_keywords" placeholder="Jobtitel" value="{{ formSetFilters.filter_keywords ?? '' }}">
                </div>
                {% if filterVertragsarten is defined %}
                    <div class="widget widget-select">
                        <select name="filter_vertragsart">
                            <option value="">Art der Anstellung</option>
                            {% for vertragsart in filterVertragsarten %}
                                <option value="{{ vertragsart.ObjectUuid }}"{% if formSetFilters.filter_vertragsart is defined and formSetFilters.filter_vertragsart == vertragsart.ObjectUuid %} selected{% endif %}>{{ vertragsart.Bezeichnung }}</option>
                            {% endfor %}
                        </select>
                    </div>
                {% endif %}
                {% if filterAbteilung is defined %}
                    <div class="widget widget-select">
                        <select name="filter_abteilung">
                            <option value="">Unternehmensbereich / Abteilung</option>
                            {% for abteilung in filterAbteilung %}
                                <option value="{{ abteilung.ObjectUuid }}"{% if formSetFilters.filter_abteilung is defined and formSetFilters.filter_abteilung == abteilung.ObjectUuid %} selected{% endif %}>{{ abteilung.Bezeichnung }}</option>
                            {% endfor %}
                        </select>
                    </div>
                {% endif %}
                <div class="widget widget-submit">
                    <button type="submit">Suchen</button>
                </div>
            </div>
        </form>

        <div class="jobs">
            <ul>
            {% for job in jobs %}
                <li>
                    <h3>{{ job.Bezeichnung }}</h3>
                    <div class="meta">
                        <dl>
                            <dt>Einsatzort:</dt><dd>{{ job.EinsatzortPlz }} {{ job.EinsatzortOrt }}</dd>
                            <dt>Vertragsart:</dt><dd>{{ job.Vertragsarten }}</dd>
                            <dt>Beginn:</dt><dd>{{ job.BeginnAbSofort ? 'ab sofort' : (job.Beginn ? job.Beginn|date("d.m.Y") : '') }}</dd>
                            <dt>Eintrag vom:</dt><dd>{{ job.DatumAb ? job.DatumAb|date("d.m.Y") : '' }}</dd>
                        </dl>
                    </div>
                </li>
            {% endfor %}
            </ul>
        </div>
    {% endif %}
{% endblock %}