<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>
		.mrc_colum_ml{margin-left:136px;}
	</style>
</block>
<block name="location">
<a class="z_nav" href="{:U('Game/index')}">礼包管理</a>
<a class="z_nav curt_nav" href="##">发布礼包</a>
</block>
<block name="body" >
    <div class="matter_right_content">
    	<div class="title"><i class="gift_icon"></i><span>发布礼包</span></div>
        <form id="addServer" action="{:U('Gift/add')}" method="post" class="form-horizontal" enctype="multipart/form-data" novalidate="novalidate">
            <div class="form-group clearfix">
                <label class="mrc_left mrc control-label"><span class="must_red">*</span> 游戏名称</label>
                <div class="mrc_right4_3_3 mrc input-format ">
                    <select name="game_id" id="game_id" class="form-control" aria-required="true" aria-invalid="true" aria-describedby="game-error">
                        <option value="">选择游戏</option>
                        <volist name=":getDevelopGameList(UID)" id="vo">
                            <option value="{$vo.id}">{$vo.game_name}</option>
                        </volist>
                    </select>
                </div>
                <div class="clearfix"></div>
                <div class="mrc_colum_ml mrc_colum4_1_6 mrc input-status"></div>
            </div>
            <div class="form-group clearfix">
                <label class="mrc_left mrc control-label"> 区服名称</label>
                <div class="mrc_right4_3_3 mrc input-format ">
                    <select name="server_id" id="server_id" class="form-control" aria-required="true" aria-invalid="true" aria-describedby="game-error">
                        <option value="">选择区服</option>

                    </select>
                    <input type="hidden" id="server_name" name="server_name" value=""></input>
                </div>
                <div class="clearfix"></div>
                <div class="mrc_colum_ml mrc_colum4_1_6 mrc input-status"></div>
            </div>
            <div class="form-group clearfix">
                <label class="mrc_left mrc control-label"><span class="must_red">*</span> 礼包名称</label>
                <div class="mrc_right4_3_3 mrc input-format">
                    <input type="text" class="form-control" name="giftbag_name" placeholder="不超过10个字" value="">
                </div>
                <div class="clearfix"></div>
                <div class="mrc_colum_ml mrc_colum4_1_6 mrc input-status"></div>
            </div>
        
            <div class="form-group clearfix">
                <label class="mrc_left mrc control-label"><span class="must_red">*</span> 开始时间</label>
                <div class="mrc_right4_3_3 mrc input-format">
                    <input type="text" class="form-control" name="start_time" id="start_time" placeholder="开始时间" value="">
                </div>
                <div class="clearfix"></div>
                <div class="mrc_colum_ml mrc_colum4_1_6 mrc input-status"></div>
            </div>
            <div class="form-group clearfix">
                <label class="mrc_left mrc control-label"><span class="must_red">*</span> 结束时间</label>
                <div class="mrc_right4_3_3 mrc input-format">
                    <input type="text" class="form-control" name="end_time" placeholder="结束时间" value="">
                </div>
                <div class="clearfix"></div>
                <div class="mrc_colum_ml mrc_colum4_1_6 mrc input-status"></div>
            </div>
            <input type="hidden" name="giftbag_version" id="giftbag_version" class="form-control" value="{:get_game_version($data['game_id'])}">
            <div class="form-group clearfix">
                <label class="mrc_left mrc control-label"><font color="red">*</font> 上传兑换码</label>
                <div class="mrc_colum2_5 mrc input-format">
                    <input type="file" id="file" accept=".txt" class="form-control" name="file" value="">
                </div>
                <div class="mrc mrc_colum_ml20">
                    <label class="control-label matter_notice matter_notice_heavily" style="font-weight: normal;margin-left: 117px;color: #999;">文件格式仅限于.txt,文件大小不超过2M,每行一个兑换码</label>
                </div>
                <div class="clearfix"></div>
                <div class="mrc_colum_ml mrc_colum4_1_6 mrc input-status"></div>
            </div>
            <div class="form-group clearfix">
                <label class="mrc_left mrc control-label"> 礼包内容</label>
                <div class="mrc_right4_3_3 mrc input-format">
                    <textarea name="desribe" class="form-control" rows="4" placeholder="建议不超过100个字"></textarea>
                </div>
                <p class="mrc_colum_ml20 mrc matter_notice"> 如:铜币*30000、次级补兵符*50;如果是激活码则填写游戏激活码一枚即可</p>
                <div style="clear: both;"></div>
                <div class="mrc_colum_ml mrc_colum4_1_6 mrc input-status"></div>
            </div>
            <div class="form-group clearfix">
                <label class="mrc_left mrc control-label"> 领取方式</label>
                <div class="mrc_right4_3_3 mrc input-format">
                    <textarea name="digest" class="form-control" rows="4" placeholder="建议不超过100个字"></textarea>
                </div>
                <p class="mrc_colum_ml20 mrc matter_notice">  如:1.领取礼包CD-KEY;2.进入游戏点击“礼包领取”图标,输入CD-KEY,选择“确定”</p>
                <div style="clear: both;"></div>
                <div class="mrc_colum_ml mrc_colum4_1_6 mrc input-status"></div>
            </div>
            <div class="form-group clearfix">
                <label class="mrc_left mrc control-label"></label>
                <div class="mrc_colum4_1_6 mrc">
                    <input type="submit" class="btn btn_primary user_btn" id="editServer" value="提交">&nbsp;&nbsp;&nbsp;<a href="javascript:history.go(-1);" class="btn btn_default user_btn_default">取消</a>
                </div>
            </div>
        </form>
        
    </div>

        <script>
            $(function() {
            	$('#game_id').selectpicker({
				    size: 15
			    });
			    $('#server_id').selectpicker({
				    size: 15
			    });
			    
                $("#server_id").change(function() {
                    $("#server_name").val($("#server_id option:selected").text());
                });
                function fun_html(data){
                    var area='';
                    if(data == null){
                        $("#server_id").html('<option value="">请选择区服</option>');

                    }else{
                        area+="<option value='0'>全服通用</option>";
                        for (var i = 0; i<data.length; i++){
                            area+='<option value="'+data[i]['id']+'">'+data[i]['server_name']+'</option>';
                        }
                        $("#server_id").html(area);
												
                    }
$('#server_id').selectpicker('refresh');
                }
                function fun_ajax(gid){
                    var url = "{:U('Gift/get_ajax_area_list')}";
                    $.ajax({
                        type:"post",
                        url:url,
                        dataType:"json",
                        data:{game_id:gid},
                        success:function(data){
                            fun_html(data);
                            giftbag_version(gid);
                            $("#server_name").val($("#server_id option:selected").text());
                        },
                        error:function(){
                            layer.msg('服务器异常',{icon:5});
                        }
                    })
                }
                function giftbag_version(gid){
                    var url = "{:U('Gift/giftbag_version')}";
                    $.ajax({
                        type:"post",
                        url:url,
                        dataType:"json",
                        data:{game_id:gid},
                        success:function(data){
                            $("#giftbag_version").val(data);
                        },
                        error:function(){
                            layer.msg('服务器异常',{icon:5});
                        }
                    })
                }
                $("#game_id").change(function(){
                    if($("#game_id").val()){
                        fun_ajax($("#game_id").val());
                    }
                });
                $('input[name=start_time]').datetimepicker({
                    language:"zh-CN",
                    hour: 13,
                   minute: 15,
                   autoclose:true,

                }).change(function() {
									$(this).valid();
								});
                
                $('input[name=end_time]').datetimepicker({
                    language:"zh-CN",
                    hour: 13,
                   minute: 15,
                   autoclose:true,
                   
                }).change(function() {
									$(this).valid();
								});
$('#file').change(function() {$(this).valid();});
                $.validator.addMethod("checkTime",function(value,element){
                    var start=Date.parse($('#start_time').val())/1000;
                    var end=Date.parse(value)/1000;
                    if(start<=end){
                        return true;
                    }else{
                        return false;
                    }
                })
                $.validator.addMethod("checkFileSize", function(value, element){
                    var dom = document.getElementById("file");
                    var size = dom.files[0].size;
                    if (size<2000000){
                        return true;
                    }
                    return false;

                }, "上传文件不能超过2M");
                
                $.validator.addMethod("checkFileType", function(value, element){
                    var dom = document.getElementById("file");
                    var type = dom.files[0].type;
                    if (type.indexOf('text/plain')>-1){
                        return true;
                    }
                    return false;

                }, "上传文件类型错误");
								
								$('#game_id').change(function() {$(this).valid();});
                
                $("#addServer").validate({
                    ignore: ":hidden:not(select)",
                    rules:{
                        channel_id: {
                            required: true,
                        },
                        game_id: {
                            required: true,
                        },
                        giftbag_name: {
                            required: true,
                            maxlength:10,
                        },
//                        giftbag_version: {
//                            required: true,
//                        },
                        start_time: {
                            required: true,
                        },
                        end_time: {
                            required: true,
                            checkTime:true,
                        },
                        desribe: {
                            //required: true,
                            maxlength:100,
                        },
                        digest: {
                            //required: true,
                            maxlength:100,
                        },
                        file: {
                            required: true,
                            checkFileSize: true,
                            checkFileType: true,
                        }
                    },
                    messages:{
                        channel_id: {
                            required: "请选择渠道",
                        },
                        game_id: {
                            required: "请选择游戏",
                        },
                        giftbag_name: {
                            required: "请填写区服名称",
                            maxlength: "礼包名称不超过10个字"
                        },
//                        giftbag_version: {
//                            required: "请选择平台类型",
//                        },
                        start_time: {
                            required: "请填写开始时间",
                        },
                        end_time: {
                            required: "请填写结束时间",
                            checkTime:"开始时间必须小于等于结束时间",
                        },
                        desribe: {
                            required: "请填写兑换内容",
                            maxlength: "兑换内容不超过100个字"
                        },
                        digest: {
                            required: "请填写使用说明",
                            maxlength: "使用说明不超过100个字"
                        },
                        file: {
                            required: "请上传激活码文件",
                        },
                    },
                     submitHandler: function (form) {
                        $(form).ajaxSubmit(function(result){
                            if(result.status == 1){
                                layer.msg(result.info);
                                setTimeout(function(){
                                    location.href = "{:U('Gift/index')}";
                                },1500);
                            }else{
                                layer.msg(result.info);
                            }
                        });
                     }
                });
                
                
            });
            $.VMenu.show('#menu');
            $.VMenu.open('m2.2');
        </script>
</block>