Dveře 4

ZAMČENO

{% extends "templates/base.html" %}
{% set game_name = "Dveře 4" %}
{% block content %}

<button id="goFullscreen" class="btn btn-light"
        style="position:fixed; top:8px; right:8px; z-index:2000;">
  📺 Fullscreen
</button>

<div id="gameView" class="full-screen">
  
  <div class="door-panel card mb-3 d-flex flex-row align-items-center justify-content-between">
    <img src="autoDoor.png" alt="Auto dveře" class="door-icon">
    <div class="door-text text-center mx-2">
      <h1 class="mb-1">Dveře 4</h1>
      <p id="doorStatus" class="h4 mb-1">ZAMČENO</p>
      <p id="countdown" class="h5 mb-0" style="visibility:hidden;"></p>
    </div>
    <img src="autoDoor.png" alt="Auto dveře" class="door-icon">
  </div>

<div class="room-image-container flex-grow-1 d-flex align-items-center justify-content-center">
    <img id="roomImage" src="" alt="Místnost" class="img-fluid room-img">
  </div>

<div class="footer-spacer" style="height:3rem;"></div>
</div>

(async () => {
  const fh = new ForrestHubLib();
  const rooms = ['archiv.png','kancelar.png','technicka.png','uklid.png','wc.png'];
  let currentRoom = '', state = 'locked', ct, at;

function updateUI() {
    document.body.classList.remove('locked','unlocked','alarm');
    document.body.classList.add(state);
    document.getElementById('doorStatus').textContent =
      state==='locked'?   'ZAMČENO'
    : state==='unlocked'?'ODEMČENO'
    :                      'ALARM';
  }

async function pickRoom() {
    // Filtrujeme podle doors3Room
    const other = await fh.dbVarGetKey('doors3Room') || '';
    const avail = rooms.filter(r => r !== other);
    currentRoom = avail[Math.floor(Math.random()*avail.length)];
    document.getElementById('roomImage').src = currentRoom;
    await fh.dbVarSetKey('doors4Room', currentRoom);
  }

function clearTimers() {
    clearInterval(ct);
    clearTimeout(at);
  }

async function lockDoor() {
    clearTimers();
    state = 'locked';
    await pickRoom();
    await fh.dbVarSetKey('doors4State', state);
    updateUI();
  }

function showCountdown(s) {
    const el = document.getElementById('countdown');
    el.style.visibility = 'visible';
    el.textContent = s + ' s';
  }

async function alarmLocal() {
    clearTimers();
    state = 'alarm';
    await fh.dbVarSetKey('doors4State','alarm');
    updateUI();
    const ov = document.createElement('div');
    ov.id = 'alarmOverlay';
    ov.textContent = '!!!! Chyba !!!! Byl aktivován ALARM !!!';
    document.querySelector('.full-screen').appendChild(ov);
    at = setTimeout(()=>{ ov.remove(); lockDoor(); },10000);
  }

async function unlockDoor() {
    clearTimers();
    state = 'unlocked';
    await fh.dbVarSetKey('doors4State',state);
    updateUI();
    let t = 10; showCountdown(t);
    ct = setInterval(()=>{ if(--t>0) showCountdown(t); },1000);
    at = setTimeout(lockDoor,10000);
  }

// Poll pro otevření
  setInterval(async () => {
    const cmd = await fh.dbVarGetKey('doors4Command') || '';
    if (cmd === currentRoom) {
      await fh.dbVarSetKey('doors4Command','');
      unlockDoor();
    }
  }, 500);

// Poll pro alarm
  setInterval(async () => {
    const st = await fh.dbVarGetKey('doors4State') || 'locked';
    if (st === 'alarm' && state !== 'alarm') {
      alarmLocal();
    }
  }, 500);

// Start
  lockDoor();
})();
</script>
{% endblock %}