<div hx-get="{{ insert_tag('env::request') }}" hx-headers='{"VR-Ajax": "WaBookedModule"}' hx-trigger="updateWaBooking from:body" hx-swap="outerHTML" class="{{ class }} content-wrapper block"{{ cssID }}{% if style is defined and style is not empty %} style="{{ style }}"{% endif %}>
{% block content %}
{% if days is defined and days|length %}
<div class="list">
<div class="u-flex u-items-center u-justify-flex-end u-gap-2 px-1 text-sm">
<div><strong>Legende:</strong></div>
<div class="u-flex u-items-center u-gap-1">
<i class="status-icon status--approved status--small"></i>
angenommen
</div>
<div class="u-flex u-items-center u-gap-1">
<i class="status-icon status--pending status--small"></i>
Freigabe ausstehend
</div>
<div class="u-flex u-items-center u-gap-1">
<i class="status-icon status--canceled status--small"></i>
abgelehnt
</div>
</div>
{% for day,bookings in days %}
<h3 class="toggler-dis u-flex u-items-center mt-2">{{ day|date('d.m.Y') }}</h3>
<div class="accordion-dis">
<div class="bookings">
{% for booking in bookings %}
{% if booking.approved == '1' %}
{% set status = 'approved' %}
{% elseif booking.approved == '0' %}
{% set status = 'canceled' %}
{% else %}
{% set status = 'pending' %}
{% endif %}
{% if booking.checked_in == '1' %}
{% set checkin_state = 'checked_in' %}
{% else %}
{% set checkin_state = 'pending' %}
{% endif %}
<div class="row py-2 mb-1 u-flex-nowrap-md u-items-center status status--{{ status }} checkin--{{ checkin_state }}">
{#<div class="col-1">
<div class="u-flex u-items-center u-justify-center">
<i class="status-icon" title="{{ ('MSC.wa_approval_status.'~status)|trans([], 'contao_default') }}"></i>
</div>
</div>#}
<div class="col-11">
<div class="grid-md u-gap-1">
<div class="grid-c-6 bg-white p-1">
<div class="u-flex u-flex-wrap u-gap-1">
<i class="status-icon"></i>
{{ ('MSC.wa_approval_status.'~status)|trans([], 'contao_default') }}
</div>
</div>
<div class="grid-c-6 bg-white p-1">
<div class="u-flex u-flex-wrap u-gap-1">
<i class="checkin-icon"></i>
{{ ('MSC.wa_checkin_status.'~checkin_state)|trans([], 'contao_default') }}
</div>
</div>
<div class="grid-c-3 time bg-white p-1">
<div class="u-flex u-items-center u-gap-1">
<i class="icon-uhr-outline"></i>
<span class="t-label">Uhrzeit</span>
{{ booking.slot.time|date('H:i') }}
</div>
</div>
<div class="grid-c-3 behaelter bg-white p-1">
<div class="u-flex u-flex-wrap u-gap-1">
<i class="icon-behaelter-outline"></i>
<span class="t-label">Gebuchte Behälterkapazität</span>
{{ booking.behaelter }}
{% set uTitle = booking.unit_title|default('Behälter') %}
{% set uAmount = booking.unit_amount_display|default(booking.behaelter) %}
<span class="text-sm text-muted"> ({{ uAmount }} × {{ uTitle }})</span>
</div>
</div>
<div class="grid-c-6 rebsorten bg-white p-1">
<div class="u-flex u-flex-wrap u-gap-1">
<i class="icon-reben-outline"></i>
<div class="t-label">Anliefernde Sorten</div>
</div>
{{ booking.sorte|join(', ') }}
</div>
<div class="grid-c-3 standort bg-white p-1">
<div class="u-flex u-flex-wrap u-gap-1">
<i class="icon-standort-outline"></i>
<span class="t-label">Standort</span>
{{ booking.standort }}
</div>
</div>
<div class="grid-c-3 ernteart bg-white p-1">
<div class="u-flex u-flex-wrap u-gap-1">
<i class="icon-schere-outline"></i>
<div class="t-label">Erntearten</div>
{{ booking.ernteart|join(', ') }}
</div>
</div>
<div class="grid-c-6 lage bg-white p-1">
<div class="u-flex u-flex-wrap u-gap-1">
<i class="icon-lage-outline"></i>
<span class="t-label">Lagen</span>
{{ booking.lage|join(', ') }}
</div>
</div>
{% if booking.slot.anmerkungen is defined and booking.slot.anmerkungen %}
<div class="grid-c-12 bg-white p-1">
<div class="u-flex u-flex-wrap u-gap-1">
<i class="icon-info-outline"></i>
<span class="t-label">Anmerkungen</span>
{{ booking.slot.anmerkungen|raw }}
<a hx-get="/_ajax/vr_wa/v1/slot?do=annotation&id={{ booking.slot.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;">mehr lesen</a>
</div>
</div>
{% endif %}
</div>
</div>
<div class="col u-text-right u-text-nowrap action">
{% if not booking.checked_in %}
{% if booking.approved != '0' %}
<a hx-get="/_ajax/vr_wa/v1/slot?do=booking&id={{ booking.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="btn btn--sm btn-info m-0">Ändern</a>
{% endif %}
{% if booking.approved == '1' %}
<a hx-get="/_ajax/vr_wa/v1/slot?do=checkin&id={{ booking.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="btn btn--sm btn-success m-0">Check-in</a>
{% endif %}
<a hx-get="/_ajax/vr_wa/v1/slot?do=delete&id={{ booking.id }}" hx-target="body" hx-swap="beforeend" hx-confirm="Sind Sie sicher, dass Sie diese Reservierung löschen möchten?" href="javascript:;" class="btn btn--sm btn-danger m-0">Löschen</a>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
{% else %}
<div class="placeholder">
<h6 class="placeholder-title">Sie haben noch keine Anlieferungszeiten reserviert</h6>
<div class="placeholder-subtitle">Sobald Sie Anlieferungszeiten reserviert haben, werden diese hier aufgelistet.</div>
<div class="placeholder-commands u-center">
{% if listPageUrl is defined %}
<div class="m-1">
<a href="{{ listPageUrl }}" class="btn btn-info">Zur Reservierung</a>
</div>
{% endif %}
</div>
</div>
{% endif %}
{% endblock %}
</div>