<extend name="Public/base" />

<block name="body">
    <link rel="stylesheet" type="text/css" href="__CSS__/admin_table.css" media="all">
    <script type="text/javascript" src="__STATIC__/layer/layer.js"></script>
    <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    <div class="main-place">
        <span class="main-placetitle">位置</span>
        <ul class="main-placeul">
            <li><a href="{:U('Game/lists')}">游戏</a></li>
            <li><a href="{:U('Giftbag/lists')}">礼包管理</a></li>
            <li><a href="#">{$meta_title}</a></li>
        </ul>
    </div>
    <!-- 标签页导航 -->
    <div class="tab-wrap">
        <div class="tab_nav jstabnav">
        <ul>
            <li data-tab="tab1" class="current"><a href="javascript:void(0);">基础</a></li></li>
        </ul></div>
        <div class="tab-content tab_content">
            <!-- 表单 -->
            <form id="form" action="{:U('edit?id='.$data['id'])}" method="post" class="form-horizontal">
                <!-- 基础文档模型 -->
                <div id="tab1" class="tab-pane in tab1 tab_table">
                    <table  border="0" cellspacing="0" cellpadding="0">
                        <tbody>
                        <tr>
                            <td class="l">游戏名称:</td>
                            <td class="r">
                                <input type="text" class="txt " name="game_name" value="{$data['game_name']}" readonly="readonly">
                                <input type="hidden"  name="game_appid" value="{$data['game_appid']}">
                            </td>
                            <td class="l">运营平台:</td>
                            <td class="r table_radio">
                                <volist name=":get_systems_list()" id="vo">
                                <label>
                                    <input type="radio" value="{$key}" name="giftbag_version" <eq name='data.giftbag_version' value="$key" > checked="checked"</eq>> {$vo}
                                </label>
                                </volist>
                            </td>
                        </tr>
                        <tr>
                            <td class="l">区服名称:</td>
                            <td class="r">
                                <select id="server_id" name="server_id">
                                    <option value="0">请选择区服</option>
                                </select>
                                <input type="hidden" id="server_name" name="server_name" value="">
                            </td>
                            <td class="l">显示状态:</td>
                            <td class="r table_radio">
                                <label>
                                    <input type="radio" value="0" name="status" <eq name="data['status']" value="0">checked="checked"</eq>> 关闭
                                </label>
                                <label>
                                    <input type="radio" value="1" name="status" <eq name="data['status']" value="1">checked="checked"</eq>> 开启
                                </label>
                            </td>
                        </tr>
                        <tr>
                            <td class="l">礼包名称:</td>
                            <td class="r" >
                                <input type="text" class="txt " name="giftbag_name" value="{$data['giftbag_name']}" placeholder="输入公会礼包名称">
                            </td>
                            <td class="l">领取条件:</td>
                            <td class="r">
                                <input type="text" class="txt" name="condition" value="" placeholder="如:100(每有100元流水获得一个礼包)">
                            </td>
                        </tr>
                        <tr>
                            <td class="l">初始数量:</td>
                            <td class="r">
                                <input type="text" class="txt" name="def_num" value="{$data.def_num}" placeholder="输入每个公会初始礼包数">
                            </td>
                            <td class="l">适应渠道:</td>
                            <td class="r">
                                <select id="promote_id" name="promote_id">
                                    <option value="0">全部渠道</option>
                                    <volist name=":get_promote_list()" id="vo">
                                        <option value="{$vo.id}">{$vo.account}</option>
                                    </volist>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td class="l">激活码:</td>
                            <td class="r">
                                <textarea name="novice" class="txt_area2" placeholder="输入激活码,一行一个">{:str_replace(",","\\r\\n",$data['novice'])}</textarea>
                            </td>
                            <td class="l">礼包内容:</td>
                            <td class="r" colspan='3'>
                                <textarea name="desribe" class="txt_area2" placeholder="输入领取方式描述">{$data['desribe']}</textarea>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="form-item cf">
                    <input type="hidden" name='id' value="{$data['id']}">
                    <button class=" submit_btn ajax-post" id="submit" type="submit" target-form="form-horizontal">确 定</button>
                    
                </div>
            </form>
        </div>
    </div>
</block>

<block name="script">
    <link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
    <php>if(C('COLOR_STYLE')=='blue_color') echo '<link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css" rel="stylesheet" type="text/css">';</php>
    <link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
    <script type="text/javascript">
        //导航高亮
        highlight_subnav('{:U('PromoteGift/lists')}');
        Think.setValue("game_id", {$data.game_id|default = 0});
        Think.setValue("giftbag_type", {$data.giftbag_type|default = 1});
        Think.setValue("level", {$data.level|default = 0});
        Think.setValue("promote_id", {$data.promote_id|default = 0});
        Think.setValue("condition", {$data.condition|default = 0});
        $('#submit').click(function(){
            $('#form').submit();
        });

        $(function(){
            $("#game_name").val($("#game_id option:selected").text());

            $('.date').datetimepicker({
                format: 'yyyy-mm-dd',
                language:"zh-CN",
                minView:2,
                autoclose:true
            });
            $('.time').datetimepicker({
                language:"zh-CN",
                hour: 13,
                minute: 15
            });
            showTab();
            Initialize();
            fun_ajax({$data.game_id});
            Think.setValue("server_id", {$data.server_id|default = 0});

        });

        /*获取区服名称*/
        $("#server_id").change(function() {
            $("#server_name").val($("#server_id option:selected").text());
        });

        function Initialize(){
            $server_name = "{:get_area_name($data['server_id'])}";
            $("#server_id").html("<option value='{$data.server_id}'>"+$server_name+"</option>");
            $("#server_name").val($("#server_id option:selected").text());
        }
        var url = "{:U('Giftbag/get_ajax_area_list')}";
        $("#game_id").change(function(){
            $("#game_name").val($("#game_id option:selected").text());
            fun_ajax($(this).val());
        })

        function fun_ajax(gid){
            $.ajax({
                type:"post",
                url:url,
                dataType:"json",
                data:{game_id:gid},
                success:function(data){
                    fun_html(data);
                    $("#server_name").val($("#server_id option:selected").text());
                },
                error:function(){
                    layer.msg('服务器异常',{icon:5});
                }
            })
        }

        function fun_html(data){
            var area='';
            if(data == null){
                $("#server_id").html('<option value="">请选择区服</option>');
            }else{
                area+="<option value=''>请选择区服</option>";
                for (var i = 0; i<data.length; i++){
                    if(data[i]['id'] == {$data.server_id}){
                        area+='<option value="'+data[i]['id']+'" selected="selected">'+data[i]['server_name']+'</option>';
                    }else{
                        area+='<option value="'+data[i]['id']+'">'+data[i]['server_name']+'</option>';
                    }
                }
                $("#server_id").html(area);
            }
        }
    </script>
</block>