<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>荷官端</title>
	<link rel="stylesheet" type="text/css" href="/static/handle/css/reset.css{$Think.VERSION_V}">
	<link rel="stylesheet" type="text/css" href="/static/handle/css/common.css{$Think.VERSION_V}">
	<script type="text/javascript">
		var casinoTableId = "{$table.table_num}";
		var localSbServer="{$localSbServer}";
		var scanner_type = "{$table.scanner_type}";
		
		var websocketUrl="{$websocketUrl}";
		var websocketProtocol="{$websocketProtocol}";
		var wait_time = "{$table.wait_time}";
		var table_type = "{$table.table_type}";
		var bet_type = "{$table.bet_type}";
		var lang;
		var flvUrl="{$table.media_far_rtmp}";
		var player="{$player}";
		var interval_time="{$table.interval_time}";
	</script>
</head>
<body>
<audio id="audio"></audio>
<section class="section">
	<div class="top-sec">
		<div class="gra-btn countdown" >
			<div class="grab-count">
			</div>
			<div class="gc round-txt-item num"></div>
		</div>
		<!-- 视频-->
		<div class="video-sec fl">
			<div class="table-data">
				<div class="head box-sizing">
					<div class="box">
						<div class="clearfix">
							<div class="date"><div>{:lang('now_time')}：<span class="weekend"> 周四</span><span class="time"></span></div> </div>
						</div>
						<div class="list clearfix">
							<div class="item input-box" ><label>{:lang('boot')}：</label><span id="boot_num" ></span></div>
							<div class="item input-box m0" ><label>{:lang('number')}：</label><span id="number"></span></div>
						</div>
					</div>
				</div>
				<div class="lan-box clearfix">
					<div class="item fl" style="opacity:0">
						<span>{:lang('online_number')}</span>
						<small id="onlineNumber">0</small>
					</div>

				</div>
				<div class="result-area" style="margin:4px auto;width:60%;">
					<div class="result-area-timer" id="resultAreaTimer"></div>
					<div class="result-area-img" id="resultAreaImg"></div>
				</div>
			</div>
			<iframe class="video-iframe" id="video-iframe"></iframe>
		</div>
		<div class="table-info fr">
			<div class="t-logo">
				<span id="show-status-span"></span>
				<img id="t-logo-img" src="{$logoPath}" />
				<div class="t-logo-tit"><span>{$table.table_name}</span></div>
			</div>
			<div class="nobegin-tip"></div>
		</div>
	</div>
	<!-- 导航结速-->
	<div class="footer">
		<div class="canvas-box big">
			<canvas id="canvas3"></canvas>
			<input type="hidden" id="wait_time" value="{$table.wait_time}">
		</div>
	</div>
</section>
<section class="control-box noselect">
	<div class="slide-btn">《</div>
	<div clss="btn-box0" style="padding:5vh 0 3vh 0">
		<select class="green_bg" id="language">
			<option value="cn" <?php if(isset($langType) && $langType == 'zh-cn') echo 'selected="selected"'; ?> >简体中文</option>
			<option value="tw" <?php if(isset($langType) && $langType == 'zh-tw') echo 'selected="selected"'; ?> >繁體中文</option>
			<option value="en" <?php if(isset($langType) && $langType == 'en-us') echo 'selected="selected"'; ?> >English</option>
		</select>
	</div>
	<div class="btn-box1" style="padding-top:0;">
		<span class="green_bg" id="start_bet" onclick="startBet()">{:lang('start')}</span>
		<span class="red_bg" id="end_bet" onclick="endBet()">{:lang('end')}</span>
	</div>
	<div class="btn-box4">
		<span onclick="resetNumberTab()">{:lang('reset_number')}</span>
		<span onclick="changeBoot()">{:lang('change_boot')}</span>
		<span onclick="resetBoot()">{:lang('close_boot')}</span>
		<span onclick="loginout()">{:lang('logout')}</span>
	</div>
</section>
<div class="toning-result-box" id="toning_result_box">
	<div class="toning-result">
		<div class="toning-result-item">
			<div class="toning-result-num toning-result-0">0</div>
			<div class="toning-result-num toning-result-1">1</div>
			<div class="toning-result-num toning-result-2">2</div>
			<div class="toning-result-num toning-result-3">3</div>
			<div class="toning-result-num toning-result-4">4</div>
		</div>
<!--		<div><span onclick="opening()" class="toning-result-confirm">{:lang('confirm')}</span></div>-->
	</div>

</div>

<style>
	@keyframes fade {from {opacity: 1.0;}50% {opacity: 0.4;}to {opacity: 1.0;}}
	@-webkit-keyframes fade {from {opacity: 1.0;}50% {opacity: 0.4;}to {opacity: 1.0;}}
	.toning-result-box{width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: 1; background-color:rgba(0,0,0,0.5); display: none;}
	.toning-result{width: 80%; height: 420px; position: absolute; top: 30%; left: 10%; text-align: center}
	.toning-result-item .toning-result-num{cursor: pointer; border: 10px solid #FFFFFF; display: inline-block; width: 15%; height: 200px; background: #0b6140; margin-right: 60px; font-size: 180px; font-weight: bold; line-height: 200px; color: #F75748;}
	.toning-result-item .toning-result-num:last-child{margin-right: 0}
	.toning-result-item .toning-result-num.active{border-color: #F75748 !important;animation: fade 400ms infinite; -webkit-animation: fade 400ms infinite;}
	.toning-result-confirm{cursor: pointer; display: inline-block; width: 400px; height: 160px; background: #E6A23C; border-radius: 10px; margin-top: 40px; font-size: 60px; line-height: 160px; color: #fff; font-weight: bold;}
</style>

<input type="hidden" id="toning_result" value="">

<input type="hidden" id="login_token" value="{$login_token}">
<input type="hidden" id="account" value="{$user.username}">
<input type="hidden" id="userid" value="{$user.id}">
<input type="hidden" id="number_tab_status">
<input type="hidden" id="table_id" value="{$table.id}">
<input type="hidden" id="game_id" value="{$table.game_id}">
<input type="hidden" id="is_scavenging" value="{$table.is_scavenging}">
<input type="hidden" id="boot_id" value="">
<input type="hidden" id="bet_type" value="{$table.bet_type}">
<input type="hidden" id="keycode" value="">
<script type="text/javascript" src="/static/handle/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="/static/handle/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/static/handle/js/layer-v3.1.1/layer.js"></script>
<script type="text/javascript" src="/static/handle/js/socket.io-1.4.4.js"></script>
<script type="text/javascript" src="/static/handle/js/handle.js{$Think.VERSION_V}"></script>
</body>
</html>
