From c69e13c446637a214275495fa0f3fb00c2d5c161 Mon Sep 17 00:00:00 2001
From: Torsten <torsten.schneider@programmschmiede.de>
Date: Thu, 23 Jun 2022 08:05:32 +0200
Subject: [PATCH] Tour.show: Only offer rooms with free slots in modal

---
 motorradig/resources/views/tour/show.blade.php | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/motorradig/resources/views/tour/show.blade.php b/motorradig/resources/views/tour/show.blade.php
index a0f1995..ded7225 100644
--- a/motorradig/resources/views/tour/show.blade.php
+++ b/motorradig/resources/views/tour/show.blade.php
@@ -74,7 +74,6 @@
                             <a href="/tour" type="submit" class="btn btn-success col-3 mb-2 float-right mr-2">Ok</a>
 
                             @if(!App\Tour::has_participant($tour->id, Auth::user()->id))
-
                                 <!-- Connected to Modal -->
                                 <button id="myBtn" class="btn btn-danger float-left">Teilnehmen</button>
                             @else
@@ -85,7 +84,7 @@
                         <!-- Modal Anzeige start -->
 
 
-                        
+
 
 
 
@@ -103,7 +102,7 @@
                                         <!-- Intentional Assignment ! -->
                                         @if ($room_id="") @endif
                                         @foreach($rooms as $room)
-                                            @if( $room->room_id != 0) <!-- Dont show "Ungebucht", room_id=0 -->
+                                            @if( $room->room_id != 0 and $room->free_slots >0) <!-- Dont show "Ungebucht", room_id=0 and only with available slots -->
                                                 @if ($room_id != $room->room_id)
                                                     @if(strlen($room_id))
                                                         <hr/>
@@ -182,17 +181,20 @@
         var span = document.getElementsByClassName("close")[0];
 
         // When the user clicks on the button, open the modal
-        btn.onclick = function() {
+        btn.onclick = function(e) {
+            e.preventDefault();
             modal.style.display = "block";
         }
 
         // When the user clicks on <span> (x), close the modal
-        span.onclick = function() {
+        span.onclick = function(e) {
+            e.preventDefault();
             modal.style.display = "none";
         }
 
         // When the user clicks anywhere outside of the modal, close it
         window.onclick = function(event) {
+            event.preventDefault();
             if (event.target == modal) {
                 modal.style.display = "none";
             }