<div id="luca-connection-status"></div>
<div class="luca-chat-header">
    <h1></h1>
    <h1>{__MSG_TEMPLATE_CHAT_CHAT__}</h1>
    <div>
        <!-- <button id="luca-chat-open-in-popup">Open popup</button> -->
        <img id="luca-chat-exit-icon" src="{exitIcon}" alt="" />
    </div>
</div>
<div class="video-group" style="display: none;">
    <div>
        <button id="toggle-mute-video">Mute Video</button>
        <button id="toggle-mute-audio">Mute Audio</button>
        <br />
        <div id="local-player" class="luca-player"></div>
    </div>
    <div id="remote-playerlist"></div>
</div>
<div class="luca-chat-messages-container"></div>
<div class="luca-chat-input-container">
    <div class="luca-chat-send-message">
        <input id="luca-input-field" name="luca-input" placeholder="{__MSG_TEMPLATE_CHAT_WRITE_SOMETHING_HERE__}" />
        <button id="luca-chat-send-message-button">
            <img src="{arrowUp}" alt="" />
        </button>
    </div>
    <span class="luca-chat-emoji">
        <img src="{emojiIcon}" alt="" />
        <div class="luca-chat-emoji-reaction-container"></div>
    </span>
</div>
<div id="luca-chat-inner-toggle"></div>