<link href="https://cdn.jsdelivr.net/npm/daisyui@3.9.2/dist/full.css" rel="stylesheet">
    <script src="https://cdn.tailwindcss.com"></script>
    
    <link rel="preconnect" href="https://nossoplayeronlinehd.com">
    
    <link rel="icon" type="image/png" href="https://seeklogo.com/images/G/globoplay-logo-BA545AE124-seeklogo.com.png">
</head>

<body class="h-screen" itemscope itemtype="https://schema.org/WebPage">
    <div class="flex h-full">
        <nav class="w-80 bg-base-200 p-4 overflow-y-auto flex flex-col gap-2" role="navigation" aria-label="Menu de câmeras">
            <div class="mb-4 flex items-center gap-4">
                <img src="https://upload.wikimedia.org/wikipedia/commons/4/44/Logo_Big_Brother_Brasil.png" 
                     alt="Logo Big Brother Brasil 2025 - Transmissão Ao Vivo" 
                     class="w-28 h-auto"
                     itemprop="image">
                <div class="badge badge-error" aria-label="Transmissão ao vivo">AO VIVO</div>
            </div>
            
            <div class="flex flex-col gap-2" role="list">
                <button onclick="switchChannel('bbb1', this)" 
                        class="btn btn-sm btn-block justify-start btn-active">
                    🌟 Principal 1
                </button>
                <button onclick="switchChannel('bbb2', this)" 
                        class="btn btn-sm btn-block justify-start">
                    📺 Principal 2
                </button>
                <button onclick="switchChannel('bbb3', this)" 
                        class="btn btn-sm btn-block justify-start">
                    📺 Mosaico
                </button>
                <button onclick="switchChannel('bbb4', this)" 
                        class="btn btn-sm btn-block justify-start">
                    🎭 Quarto Fantastico
                </button>
                <button onclick="switchChannel('bbb5', this)" 
                        class="btn btn-sm btn-block justify-start">
                    ⛱️ Quarto Nordeste
                </button>
                <button onclick="switchChannel('bbb6', this)" 
                        class="btn btn-sm btn-block justify-start">
                    🍹 Quarto Anos 50
                </button>
                <button onclick="switchChannel('bbb7', this)" 
                        class="btn btn-sm btn-block justify-start">
                    🖼️ Sala
                </button>
                <button onclick="switchChannel('bbb8', this)" 
                class="btn btn-sm btn-block justify-start">
                    🍔 Cozinha
                </button>
                <button onclick="switchChannel('bbb9', this)" 
                class="btn btn-sm btn-block justify-start">
                    🚿 Banheiro
                </button>
                <button onclick="switchChannel('bbb10', this)" 
                class="btn btn-sm btn-block justify-start">
                    👑 Quarto do Líder
                </button>
            </div>
        </nav>
        <main class="flex-1 bg-base-300" role="main">
            <div class="h-full w-full aspect-video">
                <iframe id="video-frame" 
                        src="https://nossoplayeronlinehd.com/tv/bbb1" 
                        class="w-full h-full" 
                        allowfullscreen 
                        frameborder="0"
                        title="Transmissão ao vivo do BBB 2025"
                        aria-label="Player de vídeo ao vivo"></iframe>
            </div>
        </main>
    </div>