add Custom Groups

resources/views/filament/tables/columns/mapper-left-column.blade.php

@@ -16,7 +16,7 @@
     draggable="true" 
     mapper="left">
 
-    <div class="flex justify-center gap-4 w-full my-calendar">
+    <div class="flex justify-center gap-4 w-full my-calendar font-bold">
         <div class="text-lime-500 text-wrap text-right">{{ $record->home->name }}</div>
         <div>-</div>
         <div class="text-sky-500 text-wrap">{{ $record->away->name }}</div>

resources/views/filament/tables/columns/mapper-right-column.blade.php

@@ -24,7 +24,7 @@
         @include('filament.tables.columns.parts.search-right', ['find' => $record->home, 'color' => 'away'])
     </div>
 
-    <div class="flex justify-center gap-4 w-full">
+    <div class="flex justify-center gap-4 w-full font-bold">
         <div class="text-sky-500 text-wrap text-right">{{ $record->home }}</div>
         <div>-</div>
         <div class="text-lime-500 text-wrap">{{ $record->away }}</div>

resources/views/livewire/client-group-list-editor.blade.php

@@ -0,0 +1,7 @@
+<div>
+        <x-sport-header>
+        {{ auth()->user()->sport->name }} - Custom Groups
+    </x-sport-header>
+
+    {{ $this->table }}
+</div>

resources/views/livewire/top-menu-items.blade.php

@@ -210,5 +210,15 @@
             @livewire('comparing-bookmaker-menu')
 
         </x-filament::modal>
+
+        {{-- Custom Groups --}}
+        <x-filament::modal slide-over width="3xl" :close-by-clicking-away="true" :close-by-escaping="true" :close-button="true">
+            <x-slot name="trigger">
+                <x-filament::icon-button outlined icon="phosphor-user-list" color="gray" class="my-auto"
+                    title="Custom Groups">
+                </x-filament::icon-button>
+            </x-slot>
+            @livewire('client-group-list-editor')
+        </x-filament::modal>
     @endif
 </div>