<extend name="Public/manage" />   
<block name="head">
	<link href="__CSS__/user_zxy.css" rel="stylesheet">
	<script src="__JS__/bootstrap-datetimepicker.min.js"></script>
	<script src="__JS__/bootstrap-datetimepicker.zh-CN.js"></script>
	<script src="__JS__/bootstrap-select.min.js"></script>
	
	<style type="text/css">
		.table>tbody>tr>td{padding-top: 6px;padding-bottom: 6px;}
		.table_striped>tbody>tr:last-of-type{border-bottom: 1px solid #E1E7F0;}
		.table>thead:first-child>tr:first-child>th{border-top: none;}
	</style>
</block>
<block name="location">
	<a class="z_nav curt_nav" href="{:U('server/index')}">开服管理</a>
</block>
<block name="body" >
    <div class="matter_right_content">
        <form action="{:U('Server/index')}" method="GET">
            <div class="matter_right_search jssearch server_search clearfix">
            	<div class="mrc_colum0_8_3 mrc form-group">
                    <a class="sch-btn btn btn_primary user_btn" href="javascript:;" id="search" url="{:U('Server/index','model='.$model['name'],false)}">搜索</a>
                </div>
                <div class="mrc_colum1_6_6 mrc form-group">
                    <input type="text" name="server_name" value="" class="form-control egretFormFont13" placeholder="区服名称">
                </div>
                <div class="mrc_colum1_3_3 mrc form-group">
                    <select class="form-control egretFormFont13" name="status" id="stutasId">
                        <option value="">显示状态</option>
                        <option value="0">已关闭</option>
                        <option value="1">已开启</option>
                    </select>
                </div>
                <div class="mrc_colum1_3_3 mrc form-group">
                    <select class="form-control " name="systems" id="systemsId">
                        <option value="">运营系统</option>
                        <volist name=":get_systems_list()" id="vo">
                        <option value="{$key}">{$vo}</option>
                        </volist>
                    </select>
                </div>
                <div class="mrc_colum1_6_6 mrc form-group">
                    <select id="gameId" name="gameId" class="form-control selectpicker" data-live-search="true" >
                       <option value="">全部游戏</option>
                        <volist name=":getDevelopGameList(UID)" id="vo">
                            <option value="{$vo.id}" data-version="{$vo.sdk_version}">{$vo.game_name}</option>
                        </volist>
                    </select>
                </div>
                
                <div class="mrc form-group matter_create_right">
                    <a href="{:U('add')}" class="btn btn_primary user_btn matter_create btn_adds"><i class="icon-adds"></i>添加区服</a>
                </div>
                <div class=" mrc form-group matter_create_right">
                    <a href="#del" class="btn  user_btn_del_w jsallubd"  data-toggle="modal" data-target="#delModal">批量删除</a>
                </div>
            </div>
        </form>
        <hr>
        <div class="table_container server_table">
            <div class="table_responsive">
                <table class="table table_striped table_hover table_control control table_new" >
                    <thead>
                        <tr>
                            <th>
                            	<label class="checked">
                            		<input type="checkbox" name="ids[]" class="check-all">
                            		<i class="check_icon"></i>
                            	</label>
                            </th>
                            <th>游戏名称</th>
                            <th>区服名称</th>
                            <th>运行平台</th>
                            <th>开服时间</th>
                            <th>创建时间</th>
                            <th>状态</th>
                        </tr>
                    </thead>
                    <tbody>
                        <volist name="data" id="vo">
                             <tr>
                               <td>
                               	<label class="checked">
                            		<input type="checkbox" name="ids[]" class="ids" value="{$vo.id}" >
                            		<i class="check_icon"></i>
                            	</label>
                               </td>
                                <td>{$vo.game_name}</td>
                                <td>{$vo.server_name}</td>
                                <td>{:get_info_status($vo['server_version'],23)}</td>
                                <td>{:time_format($vo['start_time'])}</td>
                                <td>{:time_format($vo['create_time'])}</td>
                                <td>
                                    <eq name="vo.show_status" value="1">
																		已开启
																		<else />
																		<span style="color:red;">已关闭</span>
																		</eq>
                                </td>
                            </tr>
                        </volist>
                    </tbody>

                </table>
                  <div class="pagination_wrap">
                     <ul class="pagination pagination_change pagination_center">
                        {$_page}
                    </ul>
                </div>
                <empty name="data">
                    <div class="text_format">
                        <img src="__IMG__/zwmimages/gamemanagement_icon_matadata.png">
                        <p class="p_lineh30">暂无数据</p>
                    </div>
                </empty>
            </div>
        </div>
    </div>
		{:W('Department/del',array('model'=>'Server'))}

        <script>

        Think.setValue('gameId',"{:I('gameId')}");
        Think.setValue('systems',"{:I('systems')}");
        Think.setValue('status',"{:I('status')}");
        Think.setValue('server_name',"{:I('server_name')}");
            $("#search").click(function(){
                var url = $(this).attr('url');
                var query  = $('.jssearch').find('input').serialize();
                query  += "&"+$('.jssearch').find('select').serialize();
                query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');
                query = query.replace(/^&/g,'');
                if( url.indexOf('?')>0 ){
                    url += '&' + query;
                }else{
                    url += '?' + query;
                }
                window.location.href = url;
            });
            $('.jssearch').find('input').keyup(function(event){
        if(event.keyCode===13){
            $("#search").click();
        }
    });
            $.VMenu.show('#menu');
            $.VMenu.open('m2.3');
            
            $(function(){
            	$('.check-all').click(function(){
            		var allId = this.checked;
            		$('input[name="ids[]"]').each(function(){
            			this.checked = allId;
            		});
            	});
            	
            	$('#gameId').selectpicker({
				    size: 15
				}).change(function() {
				var that = $(this);
				var val = $.trim(that.val());
				var systemsId = $('#systemsId');
				if(val) {
					var version = $.trim(that.find('option:selected').attr('data-version'));
					if(1==version) {
						systemsId.find('option[value=1]').prop('selected',true).siblings().prop('selected',false);
					}else if(2==version) {
						systemsId.find('option[value=2]').prop('selected',true).siblings().prop('selected',false);
					}else {
						systemsId.find('option').prop('selected',false);
					}
					
				} else {
					systemsId.find('option').prop('selected',false).eq(0).prop('selected',true);
				}
				systemsId.selectpicker('refresh');
				return false;
			});
				$('#systemsId').selectpicker({
				    size: 15
				});
				$('#stutasId').selectpicker({
				    size: 15
				});
				
				//批量删除
			    $(".btn_delete").click(function () {
			           layer.confirm('确定要执行改操作吗?', {
						  btn: ['确认','取消'], //按钮
						  title: '提示信息'
						}, function(){
						  layer.msg('删除成功!', {icon: 1});
						});
			       });
            });
        </script>
</block>