@using Sandbox;
@using Sandbox.UI;
@using System;
@using System.Collections.Generic;
@inherits PanelComponent

@namespace GuessIt

<root>

	<div class="top">
		<img src="ui/logo.png" class="logo @LogoClass()" />
	</div>

	<div class="big-container">

		<GameHeader @ref="Header" Menu=@(this) />

		<div class="game-container">

			<div class="panel player-list">
				<p class="panel-header">Players</p>
				<PlayerList />
			</div>

			<div class="drawing-container">
				<div @ref="CanvasContainer" class="panel game-canvas-container">
					<GameCanvas @ref="CanvasPanel" />
				</div>
				<Toolbar @ref="CanvasToolbar" />
			</div>

			<div class="panel chat-container">
				<p class="panel-header">Chat</p>
				<div class="chat" @ref="ChatBox" PreferScrollToBottom=@(true)>

				</div>
				<div class="entry">
					<TextEntry @ref="ChatEntry" onsubmit=@SubmitGuess Placeholder="Type your guess here..." AllowEmojiReplace=@(true)></TextEntry>
					<div class="mic-btn @((Player.Local?.Voice?.IsListening ?? false) ? "on" : "")" onclick=@ToggleLocalMic>
						<i>@((Player.Local?.Voice?.IsListening ?? false) ? "mic" : "mic_off")</i>
					</div>
				</div>
			</div>

		</div>

	</div>

</root>