{include file="common/head"/}
<script>
    var ADMIN = '__ADMIN__';
    var navs = {$menus};
</script>
<div class="layui-layout layui-layout-admin">
    <audio id="audio"  src="/public/static/admin/song.mp3" controls="controls" style="display: none;"></audio>
    <div class="layui-header header">
        <div class="layui-main">
            <div class="admin-login-box">
                <a class="logo" style="left: 0;" href="{:url('admin/index/index')}">
                    <span style="font-size: 22px;">{:config('sys_name')}</span>
                </a>
                <div class="admin-side-toggle fs1">
                    <span class="icon icon-menu"></span>
                </div>
                <div class="admin-side-full">
                    <span class="icon icon-enlarge"></span>
                </div>
            </div>

            <ul class="layui-nav admin-header-item" lay-filter="side-top-right">
                <li class="layui-nav-item" id="cache">
                    <a href="javascript:;">{:lang('clearCache')}</a>
                </li>
                <li class="layui-nav-item">
                    <a href="{:url('home/index/index')}" target="_blank">{:lang('home')}</a>
                </li>
                <li class="layui-nav-item">
                    <a class="name" href="javascript:;">主题</a>
                    <dl class="layui-nav-child">
                        <dd data-skin="0"><a href="javascript:;">默认</a></dd>
                        <dd data-skin="1"><a href="javascript:;">纯白</a></dd>
                        <dd data-skin="2"><a href="javascript:;">蓝白</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;" class="admin-header-user">
                        <img src="__PUBLIC__{:session('avatar')}" class="layui-nav-img" />
                        <span>{:session('username')}</span>
                    </a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="{:url('index/logout')}"><i class="fa fa-sign-out" aria-hidden="true"></i>{:lang('logout')}</a>
                        </dd>
                    </dl>
                </li>
            </ul>
            <ul class="layui-nav admin-header-item-mobile">
                <li class="layui-nav-item">
                    <a href="{:url('home/index/index')}" target="_blank">{:lang('home')}</a>
                </li>
                <li class="layui-nav-item">
                    <a href="{:url('index/logout')}"><i class="fa fa-sign-out" aria-hidden="true"></i> {:lang('logout')}</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="layui-side layui-bg-black" id="admin-side">
        <div class="layui-side-scroll" id="admin-navbar-side" lay-filter="side"></div>
    </div>
    <div class="layui-body" style="bottom: 0;border-left: solid 2px #1AA094;" id="admin-body">
        <div class="layui-tab admin-nav-card layui-tab-brief" lay-filter="admin-tab">
            <ul class="layui-tab-title">
                <li class="layui-this">
                    <i class="icon icon-earth" aria-hidden="true"></i>
                    <cite>控制面板</cite>
                </li>
            </ul>
            <div class="layui-tab-content" style="min-height: 150px; padding: 5px 0 0 0;">
                <div class="layui-tab-item layui-show">
                    <iframe src="{:url('main')}"></iframe>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-footer footer footer-demo" id="admin-footer">
        <div class="layui-main">
            <p>2018 &copy;
                <a href="#">{:config('url_domain_root')}</a> Apache Licence 2.0
            </p>
        </div>
    </div>
    <div class="site-tree-mobile layui-hide">
        <i class="layui-icon">&#xe602;</i>
    </div>
    <div class="site-mobile-shade"></div>
    {include file="common/foot"/}
    <script src="__ADMIN__/js/index.js"></script>
    <script>
        layui.use('layer',function(){
            var $ = layui.jquery, layer = layui.layer;
            $('#cache').click(function () {
                document.cookie="skin=;expires="+new Date().toGMTString();
                layer.confirm('确认要清除缓存？', {icon: 3}, function () {
                    $.post('{:url("clear")}',function (data) {
                        layer.msg(data.info, {icon: 6}, function (index) {
                            layer.close(index);
                            window.location.href = data.url;
                        });
                    });
                });
            });

            var count = 0;
            var t1;
            $.get("{:url('getOrderCount')}", function(data){
                count = data.count;
                t1 = setInterval(getCount, 5000)
            });

            function getCount(){
                $.get("{:url('getOrderCount')}", function(data){
                    if (count < data.count) {
                        player();
                        layer.alert("来新订单了！来新订单了！来新订单了！<br>处理完订单后请重新刷新页面以保证持续服务。", {icon: 6, closeBtn: 0}, function(index){
                            pause();
                            layer.close(index);
                        });
                        window.clearInterval(t1);
                    }
                });
            }

            var music=$('#audio')[0];//获取音乐组件

            function player(){
                music.play();//播放
                music.loop = true;//循环播放
            }
            function pause(){
                music.pause()//暂停函数
            }
            function reset(){
                music.currentTime=0;//将当前播放时间设置成0，已达到重新播放的效果
            }
            /*if(music!==null){
                //检测播放是否已暂停.audio.paused 在播放器播放时返回false.
                alert(music.paused);
                if(music.paused){
                    music.play();//music.play();// 这个就是播放
                }else{
                    music.pause();// 这个就是暂停
                }
            }*/
            //Audio对象属性 查看 http://www.w3school.com.cn/jsref/dom_obj_audio.asp
            //在移动端页面可以很好的支持，但是如果将页面打包进APP里面，Android是不支持该属性的。

        });

    </script>
</div>
</body>
</html>