{% extends '@Contao/block_unsearchable' %}

{% block content %}
    <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>

    {% if jobs is not defined %}
        <p>Es wurden keine Stellenangebote gefunden!</p>
    {% else %}
        <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 %}