{{--
    文件功能：聊天室顶部标题栏 + 公告滚动条
    从 frame.blade.php 拆分，便于独立维护

    依赖变量：$room
--}}

{{-- 顶部标题栏（第一行：房间名称 + 介绍） --}}
<div class="room-title-bar">
    <div class="room-name">●{{ $room->name }}●<span style="font-size:12px; font-weight:normal;">在线<span
                id="online-count">0</span>人</span></div>
    <div class="room-desc" id="room-title-display">{{ $room->description ?? '欢迎光临本聊天室！畅所欲言，文明聊天。' }}
    </div>
</div>

{{-- 第二行：公告/祝福语滚动条（有权限的用户可设置） --}}
<div class="room-announcement-bar" id="announcement-bar">
    <marquee behavior="scroll" direction="left" scrollamount="3" style="color:#cc0000; font-size:12px; font-weight:bold;"
        id="announcement-text">
        {{ $room->announcement ?? '欢迎来到聊天室！祝大家聊天愉快！' }}
    </marquee>
</div>