@@ -22,3 +22,9 @@ $GLOBALS['TL_LANG']['REF']['wa_approval'] = [

     '0' => 'abgelehnt',

     '1' => 'angenommen',

 ];

+

+$GLOBALS['TL_LANG']['MSC']['wa_approval_status'] = [

+    'pending' => 'Freigabe ausstehend',

+    'canceled' => 'abgelehnt',

+    'approved' => 'angenommen',

+];

new file mode 100644

@@ -0,0 +1,20 @@

+<script>

+

+    (function ($) {

+

+        var messageModal = new jBox('Modal', {

+            closeButton: 'box',

+            content: '<div class="toast toast--{{ type }} mx-0"><p>{{ content }}</p></div>',

+            maxWidth: 650,

+            minWidth: 100,

+            minHeight: 100,

+            width: 650,

+            zIndex: 'auto',

+            addClass: '',

+            onCloseComplete: () => {

+                messageModal.destroy();

+            }

+        }).open();

+

+    })(jQuery);

+</script>

@@ -80,10 +80,10 @@

                                 {% set status = 'pending' %}

                             {% endif %}

-                            <li class="row u-items-center p-0 status status--{{ status }}">

+                            <li class="row u-items-center p-0 py-1 status status--{{ status }}">

                                 <div class="col-1">

                                     <div class="u-flex u-items-center u-gap-1">

-                                        <i class="status-icon">Blah</i>

+                                        <i class="status-icon">{{ ('MSC.wa_approval_status.'~status)|trans([], 'contao_default') }}</i>

                                     </div>

                                 </div>

                                 <div class="col-2">

@@ -99,7 +99,7 @@

                                     </div>

                                 </div>

                                 <div class="col u-text-right">

-                                    <div><a hx-get="/_ajax/vr_wa/v1/slot?do=booking&id={{ reservation.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="btn btn--sm m-0">Bearbeiten</a></div>

+                                    {% if reservation.approved != '0' %}<div><a hx-get="/_ajax/vr_wa/v1/slot?do=booking&id={{ reservation.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="btn btn--sm m-0">Bearbeiten</a></div>{% endif %}

                                 </div>

                             </li>

                         {% endfor %}

@@ -3,14 +3,48 @@

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

-                                <div class="row py-2 u-flex-nowrap-md u-items-center">

-                                    <div class="col-12">

+                                {% if booking.approved == '1' %}

+                                    {% set status = 'approved' %}

+                                {% elseif booking.approved == '0' %}

+                                    {% set status = 'canceled' %}

+                                {% else %}

+                                    {% set status = 'pending' %}

+                                {% endif %}

+                                <div class="row py-2 mb-1 u-flex-nowrap-md u-items-center status status--{{ status }}">

+                                    {#<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-12 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-3 time bg-white p-1">

                                                 <div class="u-flex u-items-center u-gap-1">

                                                     <i class="icon-uhr-outline"></i>

@@ -68,7 +102,7 @@

                                     </div>

                                     <div class="col u-text-right u-text-nowrap action">

-                                        <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>

+                                        {% 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 %}

                                         <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>

                                     </div>

                                 </div>

@@ -279,6 +279,11 @@ class SlotAjaxController extends AbstractController

             return new Response('Could not load booking data',500);

         }

+        if ($Booking->approved === '0')

+        {

+            return $this->render('@Contao/modal_message.html.twig',['type'=>'danger','content'=>'Diese Buchungsanfrage wurde abgelehnt und kann nicht mehr geändert werden.']);

+        }

+

         $objFile = FilesModel::findByUuid($Booking->upload);

         if (!empty($_REQUEST['deleteFile']) && $_REQUEST['deleteFile'] && $objFile !== null)

@@ -125,7 +125,7 @@ class WeinanlieferungSlotsModel extends Model

         /** @var Connection $db */

         $db = Controller::getContainer()->get('database_connection');

-        $ReservedBehaelter = $db->prepare("SELECT SUM(behaelter) FROM tl_vr_wa_reservation WHERE pid = ?")

+        $ReservedBehaelter = $db->prepare("SELECT SUM(behaelter) FROM tl_vr_wa_reservation WHERE pid = ? AND approved != '0'")

             ->executeQuery([$this->id]);

         $intReserved = $ReservedBehaelter->fetchOne();

@@ -151,7 +151,8 @@ class WeinanlieferungSlotsModel extends Model

         $query = $db->createQueryBuilder()

             ->from("tl_vr_wa_reservation")

             ->addSelect("SUM(behaelter)")

-            ->andWhere("pid = :pid");

+            ->andWhere("pid = :pid")

+            ->andWhere("approved != '0'");

         $arrParams = ['pid'=>$this->id];