Room assignment screen working

resources/views/admin/rooms/index.blade.php

@@ -2,28 +2,15 @@
     <x-slot:page_title>Rooms</x-slot:page_title>
     <x-slot:title_bar_right><x-form.button href="/admin/rooms/create">New Room</x-form.button></x-slot:title_bar_right>
     <div class="grid md:grid-cols-4 gap-5" x-data="roomManager()">
-        <div> {{-- Unassigned Auditions --}}
-            <x-card.card>
-                <x-card.heading>Unassigned Auditions</x-card.heading>
-                <x-card.list.body id="room-0" class="audition-list">
-
-                    @foreach($unassignedAuditions as $audition)
-                        <x-card.list.row class="!py-3" data-id="{{ $audition->id }}">
-                            <x-badge_pill>{{ $audition->entries->count() }}</x-badge_pill>
-                            <x-card.list.row-text-subtext>
-                                {{ $audition->name }}
-                            </x-card.list.row-text-subtext>
-                        </x-card.list.row>
-                    @endforeach
-
-                </x-card.list.body>
-            </x-card.card>
-        </div>
 
         <div class="col-span-3"> {{-- Container for room cards --}}
             <div class="grid md:grid-cols-3 gap-3">
 
                 @foreach($rooms as $room)
+                    @if($room->id == '0')
+
+                        @push('noRoom')
+                    @endif
                     <x-card.card>
                         <x-card.heading>
                             {{ $room->name }}
@@ -45,11 +32,18 @@
                         </x-card.list.body>
 
                     </x-card.card>
+                    @if($room->id == '0')
+                        @endpush
+                    @endif
                 @endforeach()
 
 
             </div>
         </div>
+
+        <div> {{-- Unassigned Auditions --}}
+            @stack('noRoom')
+        </div>
     </div>
 
     <script>