<!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">
        .begincard .box{
            position: absolute;
            left: -18.6%;
            top: 64%;
            opacity: 1;
        }
        .begincard{
            position: fixed;
            margin-left: 60%;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgba(0,0,0,0.5);
            z-index: 999;
            display: none;
        }
        .begincard .list{ width: 100%;margin-left: 0;}
        .begincard .list .card{margin-right:0;    width: 9.0vw; float: left;margin-top: 5px;margin-left: 5px;height: 23vh;}
        .begincard .list .card.xuanzhuan{
            height: 25vh;
            margin-left: 3.3vw;
            margin-top: 4.8vh;
            width:9vw;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        .begincard .list.position-card{
            width: 16.0vw;
            height: 30vh;
            background-color: rgba(000, 000, 000, 0.5);
            border-radius: 10px 10px 0px 0px;
            font-weight: bold;
        }
        .begincard .list .card-title{
            float: left;
            text-align: center;
            color: #d8b16e;
            font-size:5.1vh;
            width: 10vw;
            display: inline-block;
            padding-bottom: 10px;
            /*background-color: rgba(000, 000, 000, 0.5);*/
            margin-top: 7px;
        }
        .card-title .card-result{color: #b31a20;}
        .begincard .box .list .card-title{
            position: absolute;
            top: -0.8vw;
            left: 1vw;
            color: #b31a20;
            width:14vw;
        }
        .begincard .win{
            border:3px solid #d8b16e;
            background-color: rgba(226, 212, 71, 0.5);
            border-radius: 10px;
            -webkit-animation-timing-function:ease-in-out;
            -webkit-animation-name:breathe;
            -webkit-animation-duration:500ms;
            -webkit-animation-iteration-count:infinite;
            -webkit-animation-direction:alternate;
            /*transform: scale(1.5,1.5);*/
            /*position: absolute;*/
            /*z-index: 10;*/
        }
        .win-tip{
            width: 34rem;
            height: 9rem;
            line-height: 9rem;
            text-align: center;
            background-image: url('/static/handle/img/tip_bg.png');
            background-size: 100% 100%;
            position: absolute;
            top: 30%;
            left:-36%;
            display: none;
            font-size: 4rem;
            color: #cca768;
        }
        .win-tip.show{
            display: block;
            animation: bounceIn 1s 0s ease both;
        }
        .countdown .rob-count{
            text-align: center;
            color: #fff;
            width: 58%;
            margin: 0 auto;
            padding: 1rem 0;
            position: absolute;
            left: 3rem;
            background-image: -webkit-linear-gradient(bottom,#775d2b,#b4a67d,#fff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            top: -6rem;
            /* background: red; */
            font-size: 4rem;	

        }
    </style>
</head>
<body>
<!--<?php print_r($table);?>-->
<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="list position-card">
                        <div class="card-title word" >
                            定位
                        </div>
                        <div class="card xuanzhuan">
                            <div class="face"></div>
                        </div>

                    </div>
                </div>
                <div class="box1">

                    <div class="list banker-card">
                        <div class="card-title" >
                            <div class="banker">庄</div>
                            <div class="banker_result card-result"></div>
                        </div>
                        <div class="card">
                            <div class="face"></div>
                        </div>
                        <div class="card">
                            <div class="face"></div>
                        </div>
                        <div class="card">
                            <div class="face"></div>
                        </div>


                    </div>
                </div>
                <div class="box2">

                    <div class="list player-1-card">
                        <div class="card-title" >
                            <div class="player">闲1</div>
                            <div class="player_1_result card-result"></div>
                        </div>
                        <div class="card">
                            <div class="face"></div>
                        </div>
                        <div class="card">
                            <div class="face"></div>
                        </div>
                        <div class="card">
                            <div class="face"></div>
                        </div>


                    </div>
                </div>
                <div class="box3">
                    <div class="list player-2-card">
                        <div class="card-title " >
                            <div class="player">闲2</div>
                            <div class="player_2_result card-result"></div>
                        </div>
                        <div class="card">
                            <div class="face"></div>
                        </div>
                        <div class="card">
                            <div class="face"></div>
                        </div>
                        <div class="card">
                            <div class="face"></div>
                        </div>


                    </div>
                </div>
                <div class="box4">
                    <div class="list player-3-card">
                        <div class="card-title" >
                            <div class="player">闲3</div>
                            <div class="player_3_result card-result"></div>
                        </div>
                        <div class="card">
                            <div class="face"></div>
                        </div>
                        <div class="card">
                            <div class="face"></div>
                        </div>
                        <div class="card">
                            <div class="face"></div>
                        </div>


                    </div>
                </div>
                <div class="win-tip"></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;">
        <?php if($table['is_rob'] == 1) : ?>
        <span class="green_bg" id="start_bet" onclick="startRob()">{:lang('start')}</span>
		<?php else: ?>
		<span class="green_bg" id="start_bet" onclick="startBet()">{:lang('start')}</span>
		<?php endif; ?>
        <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="number_rob_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="">
<input type="hidden" id="is_rob" value="{$table.is_rob}">
<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>
