<!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>
	<style type="text/css">
		.result-box{ width: 36vw;left: 29%;top:30%;}
		.result-box img{ width: 100%;max-width:150%}
		.color-red {color: red !important}
		/*win*/
		@keyframes breathe1 {
			0% {
				opacity:.7;
				box-shadow: 0px 1px 10px #030c03;
			}
			100% {
				opacity:1;
				box-shadow:0 1px 20px rgba(59,255,255,1);

			}
		}
	</style>
</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>
			<section class="begincard">
				<div class="box">
					<div class="result-box" id="openingElement" style="display:none;"><img id="openingPng" src="" /></div>
					<div class="card-box">

						<div class="list banker-card">
							<div class="zx text" ><span>{:lang('banker')}</span></div>
							<div class="card">
								<div class="face"></div>
								<div class="topleft"></div>
								<div class="bottomright"></div>
							</div>
							<div class="card">
								<div class="face"></div>
								<div class="topleft"></div>
								<div class="bottomright"></div>
							</div>
							<div class="draw">
								<div class="rotate">
									<div class="card" id="banker_bu">
										<div class="face"></div>
										<div class="topleft"></div>
										<div class="bottomright"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="list player-card">
							<div class="text zx" ><span>{:lang('player')}</span></div>
							<div class="card">
								<div class="face"></div>
								<div class="topleft"></div>
								<div class="bottomright"></div>
							</div>
							<div class="card">
								<div class="face"></div>
								<div class="topleft"></div>
								<div class="bottomright"></div>
							</div>
							<div class="draw">
								<div class="rotate">
									<div class="card" id="player_bu">
										<div class="face"></div>
										<div class="topleft"></div>
										<div class="bottomright"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<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 id="fade" class="black_overlay"></div>
<div class="update-ludan" id="update_ludan">
	<div class="update-ludan-title">{:lang('edit_previous_result')}</div>
	<div class="update-ludan-content">
		{:lang('select_result')}：
		<select id="update_ludan_result">
			<option value="">{:lang('select')}</option>
			<option value="1-0">{:lang('banker')}</option>
			<option value="2-0">{:lang('player')}</option>
			<option value="3-0">{:lang('tie')}</option>
			<option value="1-1">{:lang('banker')}-{:lang('banker_pair')}</option>
			<option value="1-2">{:lang('banker')}-{:lang('player_pair')}</option>
			<option value="1-3">{:lang('banker')}-{:lang('both_pair')}</option>
			<option value="2-1">{:lang('player')}-{:lang('banker_pair')}</option>
			<option value="2-2">{:lang('player')}-{:lang('player_pair')}</option>
			<option value="2-3">{:lang('player')}-{:lang('both_pair')}</option>
			<option value="3-1">{:lang('tie')}-{:lang('banker_pair')}</option>
			<option value="3-2">{:lang('tie')}-{:lang('player_pair')}</option>
			<option value="3-3">{:lang('tie')}-{:lang('both_pair')}</option>
		</select>
	</div>
	<div class="update-ludan-footer">
		<a id="confirm_update_ludan">{:lang('confirm')}</a>
		<a id="cancel_update_ludan">{:lang('cancel')}</a>
	</div>
</div>
<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}">
<!--//1百家乐 2龙虎 4牛牛-->
<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>
