{% include '@minerva_portal/module_header.html' %}
<p>{{ lang('MINERVA_CHAT_HELP') }}</p><p id="minerva-chat-status" role="status" data-error="{{ lang('MINERVA_CHAT_OFFLINE') }}"></p>
<div id="minerva-chat" class="panel minerva-chat" data-feed="{{ U_CHAT_FEED|e }}" data-poll="1">
{% for message in loops.messages %}<div><strong>{{ message.AUTHOR|e }}</strong> · {{ message.DATE|e }}<p class="minerva-lines">{{ message.BODY|e }}</p>
{% if S_MODERATOR %}<form method="post"><input type="hidden" name="message_id" value="{{ message.ID }}"><button name="action" value="delete" class="button">{{ lang('DELETE') }}</button>{{ S_FORM_TOKEN }}</form>{% endif %}</div>{% endfor %}</div>
{% if S_INTERACT %}<form method="post" class="minerva-form convoa-chat-compose"><input type="hidden" name="action" value="send"><label for="message">{{ lang('MINERVA_CHAT_MESSAGE') }}</label><textarea id="message" name="message" rows="7" maxlength="1000" required></textarea><button class="button" type="submit">{{ lang('MINERVA_CHAT_SEND') }}</button>{{ S_FORM_TOKEN }}</form>{% endif %}
{% if S_MODERATOR %}<template id="minerva-chat-delete"><form method="post"><input type="hidden" name="message_id" value="0"><button name="action" value="delete" class="button">{{ lang('DELETE') }}</button>{{ S_FORM_TOKEN }}</form></template>{% endif %}
<script>
(function () {
    var box = document.getElementById('minerva-chat');
    var status = document.getElementById('minerva-chat-status');
    if (!box || !box.dataset.poll || !window.fetch) { return; }
    async function refresh() {
        if (document.visibilityState === 'hidden') { return; }
        try {
            var response = await fetch(box.dataset.feed, { credentials: 'same-origin', cache: 'no-store' });
            if (!response.ok) { throw new Error('session'); }
            var data = await response.json();
            var stick = box.scrollHeight - box.scrollTop - box.clientHeight < 50;
            var fragment = document.createDocumentFragment();
            data.messages.forEach(function (msg) {
                var row = document.createElement('div'); var author = document.createElement('strong'); var text = document.createElement('p');
                author.textContent = msg.author; text.textContent = msg.body; text.className = 'minerva-lines';
                row.append(author, document.createTextNode(' · ' + msg.date), text);
                var deletion = document.getElementById('minerva-chat-delete');
                if (deletion) { var controls = deletion.content.cloneNode(true); controls.querySelector('input[name=message_id]').value = msg.id; row.appendChild(controls); }
                fragment.appendChild(row);
            });
            box.replaceChildren(fragment); if (stick) { box.scrollTop = box.scrollHeight; } status.textContent = '';
        } catch (error) { status.textContent = status.dataset.error; }
    }
    box.scrollTop = box.scrollHeight; window.setInterval(refresh, 10000);
})();
</script>
{% include 'overall_footer.html' %}