24 lines
1.1 KiB
PHP
24 lines
1.1 KiB
PHP
<div wire:poll.30s>
|
|
<x-topbar :title="$room->name" :subtitle="__('nav.rooms')">
|
|
<x-slot:actions>
|
|
<a href="{{ route('rooms.index') }}" wire:navigate
|
|
class="inline-flex items-center gap-1.5 rounded-lg border border-line-soft bg-raised px-2.5 py-1.5 text-[12px] font-semibold text-ink-2 hover:text-ink transition-colors">
|
|
<x-icon name="chevron" :size="14" class="rotate-180" />
|
|
<span class="hidden sm:inline">{{ __('nav.rooms') }}</span>
|
|
</a>
|
|
</x-slot:actions>
|
|
</x-topbar>
|
|
|
|
<div class="px-5 lg:px-[26px] py-6 max-w-[1560px] mx-auto w-full">
|
|
@if ($room->devices->isEmpty())
|
|
<x-panel><p class="text-[13px] text-ink-3 text-center py-6">{{ __('rooms.no_devices') }}</p></x-panel>
|
|
@else
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3">
|
|
@foreach ($room->devices as $device)
|
|
<x-device-card :device="$device" />
|
|
@endforeach
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|