@extends('web.layouts.app', ['title' => 'Voice Rooms'])
@section('content')
<div class="grid grid-3">
@forelse($rooms as $room)
    <section class="card">
        <div class="between"><h3>{{ $room->name }}</h3><span class="pill">{{ $room->audience_count }} online</span></div>
        <p class="muted">{{ $room->channel?->name }}</p>
        <div class="row">
            @foreach($room->seats as $seat)
                <span class="pill">Seat {{ $seat->position }} {{ $seat->user_id ? 'busy' : 'open' }}</span>
            @endforeach
        </div>
    </section>
@empty <div class="card muted">Aktif ses odasi yok.</div> @endforelse
</div>
@endsection