{{define "content"}}
<h2>Горячие клавиши по донатам</h2>
<p>Правила эмуляции нажатий клавиш при донатах.</p>

<div class="card">
    <h3>Настройка эмуляции горячих клавиш</h3>
    <label>
        <input type="checkbox" id="hotkey-enable"> Включить эмуляцию горячих клавиш
    </label>
    <p class="help">При включении бот сможет имитировать нажатия клавиш (например, для управления OBS через донаты).</p>
</div>

<script>
    async function loadHotkeySetting() {
        const res = await fetch('/api/settings/hotkey');
        const data = await res.json();
        document.getElementById('hotkey-enable').checked = data.enabled;
    }
    document.getElementById('hotkey-enable').addEventListener('change', async (e) => {
        await fetch('/api/settings/hotkey', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ enabled: e.target.checked })
        });
    });
    loadHotkeySetting();
</script>
{{end}}