2025-09-02 11:25:28 +08:00
|
|
|
<x-modal id="room-detail-modal" wire:model.defer="showModal" persistent>
|
|
|
|
|
<x-card class="border border-gray-200">
|
2025-05-28 09:24:03 +08:00
|
|
|
<x-slot name="action">
|
|
|
|
|
<button class="cursor-pointer p-1 rounded-full focus:outline-none focus:outline-hidden focus:ring-2 focus:ring-secondary-200 text-secondary-300"
|
|
|
|
|
wire:click="closeModal"
|
|
|
|
|
tabindex="-1"
|
|
|
|
|
>
|
|
|
|
|
<x-dynamic-component
|
|
|
|
|
:component="WireUi::component('icon')"
|
|
|
|
|
name="x-mark"
|
|
|
|
|
class="w-5 h-5"
|
|
|
|
|
/>
|
|
|
|
|
</button>
|
|
|
|
|
</x-slot>
|
|
|
|
|
<x-slot name="title">
|
2025-06-05 11:15:24 +08:00
|
|
|
{{ $room_name ?? '未選擇' }}包廂設定
|
2025-05-28 09:24:03 +08:00
|
|
|
</x-slot>
|
|
|
|
|
<div class="grid grid-cols-3 gap-4 mb-4">
|
2025-09-02 11:25:28 +08:00
|
|
|
<x-button wire:click="startNotify">維修</x-button>
|
|
|
|
|
<x-button wire:click="stopNotify" >關機</x-button>
|
|
|
|
|
<x-button wire:click="fireNotify" >火災</x-button>
|
2025-05-28 09:24:03 +08:00
|
|
|
</div>
|
2025-09-02 11:25:28 +08:00
|
|
|
</x-card>
|
|
|
|
|
</x-modal>
|
