50 lines
2.0 KiB
PHP
50 lines
2.0 KiB
PHP
|
<x-wireui:card title="{{ $branchName }} - 包廂設定" shadow="none">
|
||
|
|
<div x-data="{ floor: '{{ $floors[0] ?? 1 }}', type: 'all' }">
|
||
|
|
{{-- 樓層 Tab --}}
|
||
|
|
<div class="flex gap-2 mb-2">
|
||
|
|
@foreach($floors as $fl)
|
||
|
|
<button
|
||
|
|
class="px-3 py-1 rounded border"
|
||
|
|
:class="floor === '{{ $fl }}' ? 'bg-blue-500 text-white' : 'bg-white text-gray-700'"
|
||
|
|
x-on:click="floor = '{{ $fl }}'"
|
||
|
|
>
|
||
|
|
{{ $fl }}F
|
||
|
|
</button>
|
||
|
|
@endforeach
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{{-- 類別 Tab --}}
|
||
|
|
<div class="flex gap-2 mb-4">
|
||
|
|
@foreach(['all' => '全部', 'pc' => 'PC', 'svr' => 'SVR'] as $value => $label)
|
||
|
|
<button
|
||
|
|
class="px-3 py-1 rounded border"
|
||
|
|
:class="type === '{{ $value }}' ? 'bg-green-500 text-white' : 'bg-white text-gray-700'"
|
||
|
|
x-on:click="type = '{{ $value }}'"
|
||
|
|
>
|
||
|
|
{{ $label }}
|
||
|
|
</button>
|
||
|
|
@endforeach
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{{-- 房間卡片列表 --}}
|
||
|
|
<div wire:poll.5s>
|
||
|
|
<div class="grid grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
|
||
|
|
@forelse($rooms as $room)
|
||
|
|
<template x-if="floor == '{{ $room->floor }}' && (type == 'all' || type == '{{ $room->type }}')">
|
||
|
|
<div>
|
||
|
|
@if($room->type->value === \App\Enums\RoomType::SVR->value)
|
||
|
|
<x-room-card-svr :room="$room" />
|
||
|
|
@else
|
||
|
|
<x-room-card :room="$room" />
|
||
|
|
@endif
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
@empty
|
||
|
|
<div class="col-span-full text-center text-gray-500">尚無包廂資料</div>
|
||
|
|
@endforelse
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<x-wireui:notifications/>
|
||
|
|
<livewire:forms.modals.room-detail-modal />
|
||
|
|
</x-wireui:card>
|