wip

app/Livewire/BoardDispatcher.php

@@ -15,6 +15,7 @@ use Filament\Tables\Concerns\InteractsWithTable;
 use Filament\Tables\Contracts\HasTable;
 use Filament\Tables\Enums\FiltersLayout;
 use Filament\Tables\Filters\SelectFilter;
+use Filament\Forms\Components\Select;
 use Filament\Tables\Table;
 use Illuminate\Support\Facades\Log;
 use Illuminate\Support\HtmlString;
@@ -61,7 +62,7 @@ class BoardDispatcher extends Component implements HasActions, HasSchemas, HasTa
             }
         }
 
-        Log::debug('boxes', $this->boxes);
+        // Log::debug('boxes', $this->beschriftung);
     }
 
     public function getHeadingTable(): HtmlString
@@ -117,13 +118,14 @@ class BoardDispatcher extends Component implements HasActions, HasSchemas, HasTa
             ->filters([
                 SelectFilter::make('player_position')
                     ->columnSpanFull()
+                    ->native(false)
                     ->options([
-                        'attack' => 'Attack',
-                        'midfield' => 'Midfield',
-                        'defence' => 'Defence',
-                        'goalkeeper' => 'Goalkeeper',
-                    ])
-                    ->query(function ($query, array $data) {
+                        'attack' => '<span class="text-amber-500">Attack</span>',
+                        'midfield' => '<span class="text-blue-500">Midfield</span>',
+                        'defence' => '<span class="text-green-Defence">Alpine</span>',
+                        'goalkeeper' => '<span class="text-gray-500">Goalkeeper</span>',
+                    ])->modifyFormFieldUsing(fn(Select $component) => $component->allowHtml())
+                    ->query(function ($query) {
                         return $query;
                     }),
             ], layout: FiltersLayout::AboveContent)

app/Livewire/PlayerCalculator.php

@@ -88,19 +88,24 @@ class PlayerCalculator extends Component
             $colorlevel = round($matches->count() / 3);
 
             if (in_array($val['player_position'], $positions_map['MIDFIELD'])) {
-                $player_position = 'midfield';
+                $player_position = $val['player_position'];
+                $player_position_field = 'midfield';
                 $player_color = 'info';
             } elseif (in_array($val['player_position'], $positions_map['DEFENCE'])) {
-                $player_position = 'defence';
+                $player_position = $val['player_position'];
+                $player_position_field = 'defence';
                 $player_color = 'success';
             } elseif (in_array($val['player_position'], $positions_map['ATTACK'])) {
-                $player_position = 'attack';
+                $player_position = $val['player_position'];
+                $player_position_field = 'attack';
                 $player_color = 'warning';
             } elseif (in_array($val['player_position'], $positions_map['GOALKEEPER'])) {
-                $player_position = 'goalkeeper';
+                $player_position = $val['player_position'];
+                $player_position_field = 'goalkeeper';
                 $player_color = 'gray';
             } else {
                 $player_position = 'NO SPECIFIC POSITION';
+                $player_position_field = 'non';
                 $player_color = 'danger';
             }
 
@@ -122,6 +127,7 @@ class PlayerCalculator extends Component
                 'name' => $val['player_name'],
                 'preferred_foot' => $val['preferred_foot'],
                 'player_position' => $player_position,
+                'player_position_field' => $player_position_field,
                 'player_color' => $player_color,
                 'timed_color' => $timed_color,
                 'events_played' => $events_played,

resources/views/livewire/board-dispatcher.blade.php

@@ -1,6 +1,3 @@
-@php
-    use Illuminate\Support\Facades\Log;
-@endphp
 <div class="w-full flex flex-row gap-3">
     <div class="dispatcher-board-root w-2xl min-w-2xl">
         {{ $this->table }}
@@ -21,7 +18,11 @@
                             }
                         "
                         :class="isOver ? 'border-primary-500 bg-primary-500/10 ring-2 ring-primary-500/50 scale-[1.02]' :
-                            'border-gray-800 bg-white/30'"
+                            @if (in_array($benennung, ['SW', 'DR', 'DC', 'DL'])) 'border-gray-800 bg-green-500/30'
+                        @elseif (in_array($benennung, ['DM', 'MR', 'MC', 'ML', 'AM'])) 
+                            'border-gray-800 bg-blue-500/30'
+                        @else
+                            'border-gray-800 bg-amber-500/30' @endif"
                         class="border rounded-xl transition-all pt-0 flex flex-col justify-start shadow-2xs transform">
                         <!-- Box Header -->
                         <div class="grid grid-cols-6 items-center p-1">