{% ELDEF pass JSON pres JSON userinfo JSON openedchat JSON initial_chatUpdResp %}
<script>
    let pres = {% PUT jsinsert pres %};
    let userinfo = {% PUT jsinsert userinfo %};
    let openedchat = {% PUT jsinsert openedchat %};
    let initial_chatUpdResp = {% PUT jsinsert initial_chatUpdResp %};
</script>
{% ENDELDEF %}

{% ELDEF main JSON pres JSON userinfo JSON openedchat JSON initial_chatUpdResp %}
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Веб-Чат</title>
    <link rel="stylesheet" href="/assets/css/chat.css">
</head>
<body>
{% PUT chat.pass pres userinfo openedchat initial_chatUpdResp %}
<!-- TODO AAAAA-->
<div class="chat-container">
    <div class="chat-header">
        <span class="room-name">Веб чат</span>
        <button class="members" onclick="openMembersList()">Показать участников</button>
    </div>
    <div class="chat-messages" id="chat-messages">
        <!-- Сообщения чата будут здесь -->
    </div>
    <div class="chat-footer">
        <input type="text" class="chat-input" id="chat-input" placeholder="Введите сообщение...">
        <button class="chat-send-button" onclick="sendMessage()">Отправить</button>
    </div>
</div>
<script src="/assets/js/chat.js"></script>
</body>
</html>
{% ENDELDEF %}