new mapper new colors

This commit is contained in:
salam committed 2026-02-15 12:33:43 +01:00
1 parent d077b6a429
commit f1b0f43ded
14 files changed
+146 -137

No files matched your search

+22 -13
View File
@@ -46,10 +46,14 @@ class MapperLeft extends Component implements HasActions, HasSchemas, HasTable
public $search_values = []; public $search_values = [];
public $search_color = 'info';
protected $listeners = [ protected $listeners = [
'refreshMapperLeft' => '$refresh', 'refreshMapperLeft' => '$refresh',
]; ];
public function isRemovingAllFilters() {}
public function removeTableFilter(string $filterName, ?string $field = null, bool $shouldTriggerUpdatedFiltersHook = true): void public function removeTableFilter(string $filterName, ?string $field = null, bool $shouldTriggerUpdatedFiltersHook = true): void
{ {
if (($key = array_search($field, $this->search_values)) !== false) { if (($key = array_search($field, $this->search_values)) !== false) {
@@ -68,7 +72,8 @@ class MapperLeft extends Component implements HasActions, HasSchemas, HasTable
IconColumn::make('country.icon')->icon(fn (string $state): string => $state)->label(''), IconColumn::make('country.icon')->icon(fn (string $state): string => $state)->label(''),
TextColumn::make('competition_group.name')->label('Group') TextColumn::make('competition_group.name')->label('Group')
->wrap() ->wrap()
->tooltip('Click to filter by this group') ->color('primary')
->tooltip('Filter by group')
->description(fn ($record): string => $record->country?->name ?? '') ->description(fn ($record): string => $record->country?->name ?? '')
->action(function ($record) { ->action(function ($record) {
if ($record?->competition_group_id ?? null && ! in_array($record->competition_group_id, $this->tableFilters['events']['competition_group_id'])) { if ($record?->competition_group_id ?? null && ! in_array($record->competition_group_id, $this->tableFilters['events']['competition_group_id'])) {
@@ -78,10 +83,9 @@ class MapperLeft extends Component implements HasActions, HasSchemas, HasTable
}), }),
TextColumn::make('starttime') TextColumn::make('starttime')
->sortable() ->sortable()
->time('H:i') ->time('d. M. y H:i')
->alignCenter() ->alignCenter(),
->description(fn ($record): string => Carbon::parse($record->starttime)->format('d. M. y')), MapperLeftColumn::make('left')->label('Event')->alignCenter(),
MapperLeftColumn::make('left')->label(''),
]) ])
->defaultSort('starttime') ->defaultSort('starttime')
->searchable(['home.name', 'away.name']) ->searchable(['home.name', 'away.name'])
@@ -234,7 +238,7 @@ class MapperLeft extends Component implements HasActions, HasSchemas, HasTable
$indicators = []; $indicators = [];
if ($this->search_values) { if ($this->search_values) {
foreach ($this->search_values as $value) { foreach ($this->search_values as $value) {
$indicators[] = Indicator::make($value)->removeField($value)->color('info'); $indicators[] = Indicator::make($value)->removeField($value)->color($this->search_color);
} }
} }
@@ -246,9 +250,15 @@ class MapperLeft extends Component implements HasActions, HasSchemas, HasTable
->persistFiltersInSession() ->persistFiltersInSession()
->deferFilters(false) ->deferFilters(false)
->toolbarActions([ ->toolbarActions([
Action::make('refreshMapperLeft') Action::make('refresh_left')
->hiddenLabel()
->icon('phosphor-arrows-counter-clockwise')
->size(Size::Small)
->action(function (Component $livewire) {
$this->dispatch('refreshMapperLeft');
}),
Action::make('reload_left')
->hiddenLabel() ->hiddenLabel()
->color('gray')
->icon('phosphor-x') ->icon('phosphor-x')
->size(Size::Small) ->size(Size::Small)
->action(function (Component $livewire) { ->action(function (Component $livewire) {
@@ -267,13 +277,12 @@ class MapperLeft extends Component implements HasActions, HasSchemas, HasTable
} }
#[On('search_left')] #[On('search_left')]
public function searchLeft($str) public function searchLeft($string)
{ {
$this->search_values = SearchString::explode($str); $t = explode('|', $string);
$this->search_values = SearchString::explode($t[0]);
// foreach ($this->search_values as $key => $value) { $this->search_color = $t[1];
// $this->tableFilters['events'][$key] = null;
// }
$this->dispatch('refreshMapperLeft'); $this->dispatch('refreshMapperLeft');
} }
+20 -14
View File
@@ -45,6 +45,8 @@ class MapperRight extends Component implements HasActions, HasSchemas, HasTable
public $search_values = []; public $search_values = [];
public $search_color = 'info';
protected $listeners = [ protected $listeners = [
'refreshMapperRight' => '$refresh', 'refreshMapperRight' => '$refresh',
]; ];
@@ -64,15 +66,15 @@ class MapperRight extends Component implements HasActions, HasSchemas, HasTable
->query(LoadProvider::load($this->search_values, auth()->user())) ->query(LoadProvider::load($this->search_values, auth()->user()))
->striped() ->striped()
->columns([ ->columns([
MapperRightColumn::make('right')->label(''), MapperRightColumn::make('left')->label('Event')->alignCenter(),
TextColumn::make('starttime') TextColumn::make('starttime')
->sortable() ->sortable()
->time('H:i') ->time('d. M. y H:i')
->alignCenter() ->alignCenter(),
->description(fn ($record): string => Carbon::parse($record->starttime)->format('d. M. y')),
TextColumn::make('group') TextColumn::make('group')
->wrap() ->wrap()
->tooltip('Click to filter by this group') ->color('primary')
->tooltip('Filter by group')
->description(fn ($record): string => $record->country_betsapi?->name.' '.$record->country) ->description(fn ($record): string => $record->country_betsapi?->name.' '.$record->country)
->action(function ($record) { ->action(function ($record) {
if ($record?->group_id ?? null && ! in_array($record->group_id, $this->tableFilters['events']['group_id'])) { if ($record?->group_id ?? null && ! in_array($record->group_id, $this->tableFilters['events']['group_id'])) {
@@ -253,7 +255,7 @@ class MapperRight extends Component implements HasActions, HasSchemas, HasTable
$indicators = []; $indicators = [];
if ($this->search_values) { if ($this->search_values) {
foreach ($this->search_values as $value) { foreach ($this->search_values as $value) {
$indicators[] = Indicator::make($value)->removeField($value)->color('info'); $indicators[] = Indicator::make($value)->removeField($value)->color($this->search_color);
} }
} }
@@ -270,9 +272,15 @@ class MapperRight extends Component implements HasActions, HasSchemas, HasTable
->filtersFormColumns(3) ->filtersFormColumns(3)
->deferFilters(false) ->deferFilters(false)
->toolbarActions([ ->toolbarActions([
Action::make('refreshMapperRight') Action::make('refresh_right')
->hiddenLabel()
->icon('phosphor-arrows-counter-clockwise')
->size(Size::Small)
->action(function (Component $livewire) {
$this->dispatch('refreshMapperRight');
}),
Action::make('reload_right')
->hiddenLabel() ->hiddenLabel()
->color('gray')
->icon('phosphor-x') ->icon('phosphor-x')
->size(Size::Small) ->size(Size::Small)
->action(function (Component $livewire) { ->action(function (Component $livewire) {
@@ -281,7 +289,6 @@ class MapperRight extends Component implements HasActions, HasSchemas, HasTable
$livewire->fill(['tableSearch' => '']); $livewire->fill(['tableSearch' => '']);
$livewire->resetTableFiltersForm(); // Clears all filters $livewire->resetTableFiltersForm(); // Clears all filters
$this->dispatch('refreshMapperRight'); $this->dispatch('refreshMapperRight');
// $this->dispatch('refreshMapperLeft');
}), }),
]); ]);
} }
@@ -292,13 +299,12 @@ class MapperRight extends Component implements HasActions, HasSchemas, HasTable
} }
#[On('search_right')] #[On('search_right')]
public function searchRight($str) public function searchRight($string)
{ {
$this->search_values = SearchString::explode($str); $t = explode('|', $string);
$this->search_values = SearchString::explode($t[0]);
// foreach ($this->tableFilters['events'] as $key => $value) { $this->search_color = $t[1];
// $this->tableFilters['events'][$key] = null;
// }
$this->dispatch('refreshMapperRight'); $this->dispatch('refreshMapperRight');
} }
+2 -4
View File
@@ -58,14 +58,12 @@ class AppServiceProvider extends ServiceProvider
Carbon::setLocale(app()->getLocale()); Carbon::setLocale(app()->getLocale());
FilamentColor::register([ FilamentColor::register([
'primary' => Color::Gray, 'primary' => Color::Blue,
'danger' => Color::Red, 'danger' => Color::Red,
'gray' => Color::Zinc, 'gray' => Color::Zinc,
'info' => Color::Blue, 'info' => Color::Lime,
'success' => Color::Green, 'success' => Color::Green,
'warning' => Color::Orange, 'warning' => Color::Orange,
'home' => Color::Sky,
'away' => Color::Lime,
]); ]);
} }
} }
+23 -24
View File
@@ -76,24 +76,6 @@ button[wire\:click="resetTableFiltersForm"] {
@apply grid grid-cols-3 justify-start @apply grid grid-cols-3 justify-start
} }
#mapper {
@layer components {
.fi-ta-ctn {
& .fi-ta-header-toolbar {
@apply !flex-row-reverse;
flex-wrap: inherit;
}
}
.fi-pagination {
& .fi-pagination-overview {
display: block;
font-size: 11px;
}
}
}
}
/* Styling Radio Lable */ /* Styling Radio Lable */
.fi-fo-radio { .fi-fo-radio {
@@ -108,17 +90,18 @@ button[wire\:click="resetTableFiltersForm"] {
#mapper_left .fi-dropdown-list-item { #mapper_left .fi-dropdown-list-item {
padding: 2px; padding: 2px;
} }
*/
#mapper_right .fi-ta-filter-indicators button, #mapper_right .fi-ta-filter-indicators button,
#mapper_left .fi-ta-filter-indicators button { #mapper_left .fi-ta-filter-indicators button {
/** remove all filters not working */
display: none; display: none;
} }
#mapper_right .fi-ta-filter-indicators div button, #mapper_right .fi-ta-filter-indicators div button,
#mapper_left .fi-ta-filter-indicators div button { #mapper_left .fi-ta-filter-indicators div button {
display: block; display: block;
} */ }
/** /**
less padding in table less padding in table
@@ -140,10 +123,6 @@ less padding in table
} }
} }
.fi-ta-table thead {
display: none;
}
.fi-ta-filters-above-content-ctn { .fi-ta-filters-above-content-ctn {
@apply py-3 @apply py-3
} }
@@ -161,6 +140,26 @@ less padding in table
} }
} }
#mapper {
@layer components {
.fi-ta-ctn {
& .fi-ta-header-toolbar {
@apply !flex-row-reverse;
flex-wrap: inherit;
}
}
.fi-pagination {
& .fi-pagination-overview {
display: block;
font-size: 11px;
}
}
}
}
/* Optional: Decrease overall table container padding */ /* Optional: Decrease overall table container padding */
/* .fi-ta-ctn { /* .fi-ta-ctn {
padding-top: 0.5rem !important; padding-top: 0.5rem !important;
@@ -1,5 +1,5 @@
<div <div
class="text-gray-400 bg-gray-50 border border-gray-300 dark:text-primary-500 dark:!border-gray-800 dark:bg-gray-900 rounded"> class="text-gray-400 bg-gray-50 border border-gray-300 dark:text-gray-500 dark:!border-gray-800 dark:bg-gray-900 rounded">
{{ $slot }} {{ $slot }}
</div> </div>
@@ -1,3 +1,3 @@
<div class="text-primary-600 dark:text-primary-500"> <div class="text-gray-600 dark:text-gray-500">
{{ $slot }} {{ $slot }}
</div> </div>
@@ -1,3 +1,3 @@
<div class="text-primary-700 dark:text-primary-500"> <div class="text-gray-700 dark:text-gray-500">
{{ $slot }} {{ $slot }}
</div> </div>
@@ -1,5 +1,5 @@
<div <div
class="grid grid-cols-4 text-xs gap-1 p-1 text-gray-400 dark:text-primary-500 border rounded border-gray-200 dark:border-gray-800 bg-gray-100 dark:bg-gray-900 text-center shadow"> class="grid grid-cols-4 text-xs gap-1 p-1 text-gray-400 dark:text-gray-500 border rounded border-gray-200 dark:border-gray-800 bg-gray-100 dark:bg-gray-900 text-center shadow">
<div class="text-nowrap">{{ $title }}</div> <div class="text-nowrap">{{ $title }}</div>
@if ($red) @if ($red)
@@ -1,32 +1,30 @@
<li class="cursor-grab drag-and-drop__item p-3 flex flex-1 justify-between w-full gap-3" <li class="cursor-grab drag-and-drop__item p-3 flex flex-1 justify-between w-full gap-3" id="{{ $record->id }}"
id="{{ $record->id }}"
x-data="{ moveoverleft: false }" x-data="{ moveoverleft: false }"
x-on:dragstart.self=" x-on:dragstart.self="
dragging = true; dragging = true;
event.dataTransfer.effectAllowed = 'move'; event.dataTransfer.effectAllowed = 'move';
event.dataTransfer.setData('text/plain', event.target.id);" event.dataTransfer.setData('text/plain', event.target.id);"
x-on:dragover.prevent="moveoverleft = true" x-on:dragover.prevent="moveoverleft = true" x-on:dragleave.prevent="moveoverleft = false"
x-on:dragleave.prevent="moveoverleft = false" x-on:drop="moveoverleft = false" :class="moveoverleft ? 'bg-blue-600/20! rounded' : ''"
x-on:drop="moveoverleft = false" :class="moveoverleft ? 'bg-blue-600/20! rounded':''"
x-on:drop.prevent=" x-on:drop.prevent="
const id = event.dataTransfer.getData('text/plain'); const id = event.dataTransfer.getData('text/plain');
const target = event.target.closest('li'); const target = event.target.closest('li');
if(document.getElementById(id).getAttribute('mapper') !=target.getAttribute('mapper')) if(document.getElementById(id).getAttribute('mapper') !=target.getAttribute('mapper'))
$wire.mountAction('left', { event_id: id, id: target.id, mover:'left' });" $wire.mountAction('left', { event_id: id, id: target.id, mover:'left' });"
draggable="true" draggable="true" mapper="left">
mapper="left">
<div class="flex justify-center gap-4 w-full my-calendar font-bold"> <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> <x-filament::link x-on:click="search_right='{{ $record->home->name }}|success'" class="text-wrap text-right"
color="success" tooltip="Click to search">
{{ $record->home->name }}
</x-filament::link>
<div>-</div> <div>-</div>
<div class="text-sky-500 text-wrap">{{ $record->away->name }}</div> <x-filament::link x-on:click="search_right='{{ $record->away->name }}|warning'" class="text-wrap"
color="warning" tooltip="Click to search">
{{ $record->away->name }}
</x-filament::link>
</div> </div>
<div class="grid grid-cols-3 gap-4"> @include('filament.tables.columns.parts.move-botton')
@include('filament.tables.columns.parts.search-left', ['find' => $record->home->name, 'color' => 'away'])
@include('filament.tables.columns.parts.search-left', ['find' => $record->away->name, 'color' => 'home'])
@include('filament.tables.columns.parts.move-botton')
</div>
</li> </li>
@@ -1,33 +1,31 @@
<li class="cursor-grab drag-and-drop__item p-3 flex flex-1 gap-3 justify-between" <li class="cursor-grab drag-and-drop__item p-3 flex flex-1 gap-3 justify-between" id="{{ $record->event_id }}"
id="{{ $record->event_id }}"
x-data="{ moveoverright: false }" x-data="{ moveoverright: false }"
x-on:dragstart.self=" x-on:dragstart.self="
dragging = true; dragging = true;
event.dataTransfer.effectAllowed = 'move'; event.dataTransfer.effectAllowed = 'move';
event.dataTransfer.setData('text/plain', event.target.id);" event.dataTransfer.setData('text/plain', event.target.id);"
x-on:dragover.prevent="moveoverright = true" x-on:dragover.prevent="moveoverright = true" x-on:dragleave.prevent="moveoverright = false"
x-on:dragleave.prevent="moveoverright = false" x-on:drop="moveoverright = false" :class="moveoverright ? 'bg-blue-600/20! rounded' : ''"
x-on:drop="moveoverright = false" :class="moveoverright ? 'bg-blue-600/20! rounded':''"
x-on:drop.prevent=" x-on:drop.prevent="
const id = event.dataTransfer.getData('text/plain'); const id = event.dataTransfer.getData('text/plain');
const target = event.target.closest('li'); const target = event.target.closest('li');
if(document.getElementById(id).getAttribute('mapper') !=target.getAttribute('mapper')) if(document.getElementById(id).getAttribute('mapper') !=target.getAttribute('mapper'))
$wire.mountAction('right', { id: id, event_id: target.id, mover:'right' });" $wire.mountAction('right', { id: id, event_id: target.id, mover:'right' });"
draggable="true" draggable="true" mapper="right">
mapper="right">
<div class="grid grid-cols-3 gap-4"> @include('filament.tables.columns.parts.move-botton')
@include('filament.tables.columns.parts.move-botton')
@include('filament.tables.columns.parts.search-right', ['find' => $record->home, 'color' => 'away']) <div class="flex justify-center gap-4 w-full my-calendar font-bold">
<x-filament::link x-on:click="search_left='{{ $record->home }}|success'" class="text-wrap text-right"
color="success" tooltip="Click to search">
{{ $record->home }}
</x-filament::link>
@include('filament.tables.columns.parts.search-right', ['find' => $record->away, 'color' => 'home'])
</div>
<div class="flex justify-center gap-4 w-full font-bold">
<div class="text-lime-500 text-wrap text-right">{{ $record->home }}</div>
<div>-</div> <div>-</div>
<div class="text-sky-500 text-wrap">{{ $record->away }}</div> <x-filament::link x-on:click="search_left='{{ $record->away }}|warning'" class="text-wrap" color="warning"
tooltip="Click to search">
{{ $record->away }}
</x-filament::link>
</div> </div>
</li> </li>
@@ -1,4 +1,4 @@
<div class="my-auto"> <div class="my-auto">
{{-- <x-filament::icon-button icon="phosphor-arrows-out" size="xs" outlined/> --}} <x-filament::button icon="phosphor-arrows-out" size="xs" tooltip="Click and drag" />
<x-phosphor-arrows-out class="h-4" color="gray"></x-phosphor-arrows-out> {{-- <x-phosphor-arrows-out class="h-4" color="gray"></x-phosphor-arrows-out> --}}
</div> </div>
@@ -1,3 +1,4 @@
<div class="my-auto"> <div class="my-auto">
<x-filament::icon-button icon="phosphor-magnifying-glass" color="{{ $color }}" outlined size="xs" x-on:click="search_right='{{ $find }}';" /> <x-filament::button icon="phosphor-magnifying-glass" color="{{ $color }}" size="xs"
x-on:click="search_right='{{ $find }}|{{ $color }}'; " />
</div> </div>
@@ -1,3 +1,4 @@
<div class="my-auto"> <div class="my-auto">
<x-filament::icon-button icon="phosphor-magnifying-glass" color="{{ $color }}" outlined size="xs" x-on:click="search_left='{{ $find }}'; " /> <x-filament::button icon="phosphor-magnifying-glass" color="{{ $color }}" size="xs"
x-on:click="search_left='{{ $find }}|{{ $color }}'; " />
</div> </div>
@@ -19,53 +19,52 @@
<div></div> <div></div>
@role('partner_porgramm') @role('partner_porgramm')
<div class="flex flex-row gap-2"> <div class="flex flex-row gap-2">
<x-filament::button size="xs" wire:poll.20s="setDifferences" :color="auth()->user()->bookmaker_partner_differences ? 'info' : 'gray'" <x-filament::button size="xs" wire:poll.20s="setDifferences" :color="auth()->user()->bookmaker_partner_differences ? 'primary' : 'gray'"
wire:click="toggleBookmakerPartnerDiffrences" wire:click="toggleBookmakerPartnerDiffrences"
tooltip="{{ auth()->user()->bookmaker->name . tooltip="{{ auth()->user()->bookmaker->name .
' ' . ' ' .
$this->bookmakerCount . $this->bookmakerCount .
' - ' . ' - ' .
auth()->user()->partnerbookmaker->name . auth()->user()->partnerbookmaker->name .
' ' . ' ' .
$this->partnerCount }}"> $this->partnerCount }}">
Missing Missing
@if ($this->bookmakerPartnerDiffrences == 0) @if ($this->bookmakerPartnerDiffrences == 0)
<x-filament::badge size="xs" color="gray"> <x-filament::badge size="xs" color="gray">
0 0
</x-filament::badge> </x-filament::badge>
@else @else
<x-filament::badge size="xs" color="danger"> <x-filament::badge size="xs" color="danger">
{{ $this->bookmakerPartnerDiffrences }} {{ $this->bookmakerPartnerDiffrences }}
</x-filament::badge> </x-filament::badge>
@endif @endif
</x-filament::button> </x-filament::button>
<x-filament::button size="xs" tooltip="Show {{ auth()->user()->partnerbookmaker->name }}" <x-filament::button size="xs" tooltip="Show {{ auth()->user()->partnerbookmaker->name }}"
wire:click="toggleShowPartner" wire:click="toggleShowPartner" :color="auth()->user()->partner_show ? 'primary' : 'gray'" icon="phosphor-users-duotone">
:color="auth()->user()->partner_show ? 'info' : 'gray'" </x-filament::button>
icon="phosphor-users-duotone">
</x-filament::button>
<x-filament::button disabled="true" size="xs" wire:click="toggleComparePartner" <x-filament::button disabled="true" size="xs" wire:click="toggleComparePartner"
tooltip="Filter events where odds are different" tooltip="Filter events where odds are different" :disabled="auth()->user()->partner_show ? false : true" :color="auth()->user()->partner_compare ? 'primary' : 'gray'"
:disabled="auth()->user()->partner_show ? false : true" icon="phosphor-exclude-square-duotone">
:color="auth()->user()->partner_compare ? 'info' : 'gray'" icon="phosphor-exclude-square-duotone"> </x-filament::button>
</x-filament::button>
<x-filament::button size="xs" wire:click="toggleMultiline" :tooltip="auth()->user()->is_multiline_direct ? 'Multiline slots are disabled' : 'Multiline slots are active'" :color="auth()->user()->is_multiline_direct ? 'info' : 'gray'" <x-filament::button size="xs" wire:click="toggleMultiline" :tooltip="auth()->user()->is_multiline_direct
:icon="auth()->user()->is_multiline_direct ? 'phosphor-not-equals' : 'phosphor-equals'"> ? 'Multiline slots are disabled'
</x-filament::button> : 'Multiline slots are active'" :color="auth()->user()->is_multiline_direct ? 'primary' : 'gray'"
</div> :icon="auth()->user()->is_multiline_direct ? 'phosphor-not-equals' : 'phosphor-equals'">
</x-filament::button>
</div>
@endrole @endrole
<div class="flex flex-row gap-2"> <div class="flex flex-row gap-2">
<x-filament::button size="xs" wire:click="setAllOnlyNone(0)" :color="auth()->user()->all_only_none == 0 ? 'info' : 'gray'" icon="phosphor-stack-duotone" <x-filament::button size="xs" wire:click="setAllOnlyNone(0)" :color="auth()->user()->all_only_none == 0 ? 'primary' : 'gray'"
tooltip="All Events"> icon="phosphor-stack-duotone" tooltip="All Events">
</x-filament::button> </x-filament::button>
<x-filament::button size="xs" wire:click="setAllOnlyNone(1)" icon="phosphor-plus-square-duotone" <x-filament::button size="xs" wire:click="setAllOnlyNone(1)" icon="phosphor-plus-square-duotone"
:color="auth()->user()->all_only_none == 1 ? 'info' : 'gray'" tooltip="Events with {{ auth()->user()->bookmaker->name }}"> :color="auth()->user()->all_only_none == 1 ? 'primary' : 'gray'" tooltip="Events with {{ auth()->user()->bookmaker->name }}">
</x-filament::button> </x-filament::button>
<x-filament::button size="xs" wire:click="setAllOnlyNone(2)" :color="auth()->user()->all_only_none == 2 ? 'info' : 'gray'" <x-filament::button size="xs" wire:click="setAllOnlyNone(2)" :color="auth()->user()->all_only_none == 2 ? 'primary' : 'gray'"
icon="phosphor-minus-square-duotone" tooltip="Events without {{ auth()->user()->bookmaker->name }}"> icon="phosphor-minus-square-duotone" tooltip="Events without {{ auth()->user()->bookmaker->name }}">
</x-filament::button> </x-filament::button>
</div> </div>
@@ -84,7 +83,7 @@
</x-filament::button> </x-filament::button>
@else @else
<x-filament::button size="xs" class="flex flex-col justify-center gap-0" <x-filament::button size="xs" class="flex flex-col justify-center gap-0"
tooltip="{{ $toggle['name'] }}" wire:click="toggleBettype({{ $toggle['id'] }})" :color="!$toggle['is_active'] ? 'gray' : 'info'"> tooltip="{{ $toggle['name'] }}" wire:click="toggleBettype({{ $toggle['id'] }})" :color="!$toggle['is_active'] ? 'gray' : 'primary'">
<div class="m-0 p-0">{{ $toggle['short'] }}</div> <div class="m-0 p-0">{{ $toggle['short'] }}</div>
</x-filament::button> </x-filament::button>
@endif @endif