// BUTTON INTERACTIONS

/* ====== quick config ====== */
const STREAM_PATH = 'stream';
const WHEP_URL = `${location.origin}/${STREAM_PATH}/whep`;

/* ====== DOM hooks ====== */
const videoEl = document.getElementById('v');
const statusEl = document.getElementById('status');
const msgEl = document.getElementById('msg');
const reloadBtn = document.getElementById('reloadBtn');
const expandBtn = document.getElementById('expandBtn');
const playerCard = document.getElementById('playerCard');
const mainArea = document.getElementById('mainArea');

reloadBtn.addEventListener('click', () => location.reload());

expandBtn.addEventListener('click', () => {
  playerCard.classList.toggle('expanded');
  mainArea.classList.toggle('expanded');
  const isExpanded = playerCard.classList.contains('expanded');
  expandBtn.setAttribute('aria-pressed', isExpanded);
  expandBtn.innerHTML = isExpanded
    ? '<i class="fa-solid fa-compress" aria-hidden="true"></i>Shrink player'
    : '<i class="fa-solid fa-expand" aria-hidden="true"></i>Expand player';
});