{extend name="layout/content" /}
{block name="header"}
<link rel="stylesheet" href="__STATIC__/css/FuzzySearch.css?v={$Think.STATIC_VERSION}">
<title>新增新闻</title>
<style>
.layui-form-selected dl {
   z-index: 100000;
}

.layui-form-checkbox i {
   border-left: 1px solid #d2d2d2;
}

#showPos-container div span{
    margin-right: 10px;
}

.layui-form-item .layui-form-checkbox[lay-skin=primary] {
    margin-top: 0;
}

.hide{
    display: none;
}

.show{
    display: block;
}

.layui-form-label {
    width: 110px;
}


</style>
{/block}
{block name="content"}
<div class="x-body">

    <form class="layui-form" action="{:url('add')}" method="post" enctype="multipart/form-data">
        <div class="layui-form-item">
            <label for="title" class="layui-form-label">标题：<span class="x-red">*</span></label>
            <div class="layui-input-inline">
                <input type="text" name="title" id="title" required class="layui-input" placeholder="">
            </div>
        </div>

        <div class="layui-form-item">
            <label for="gameid" class="layui-form-label">游戏：</label>
            <div class="layui-input-inline FuzzySearch_Container">
                <div>
                    <input type="hidden" id='gameid' name="gameid" value="{:input('gameid')}" />
                </div>
            </div>
            <div class="layui-form-mid layui-word-aux">不选择时，默认为所有游戏</div>
        </div>

        <div class="layui-form-item">
            <label for="top" class="layui-form-label">置顶：</label>
            <div class="layui-input-inline">
                <select name="top" id="top" lay-search>
                    <option value="1">是</option>
                    <option value="0" selected>否</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="type" class="layui-form-label">类型：<span class="x-red">*</span></label>
            <div class="layui-input-inline">
                 <select name="type" lay-search>
                    <option value="">选择类型</option>
                    <option value="1">资讯</option>
                    <option value="2">祈盟网络</option>
                    <option value="3">评测</option>
                    <option value="4">攻略</option>
                    <option value="5">视频</option>
                    <option value="6">活动（后台）</option>
                    <option value="7">更新（后台）</option>
                    <option value="8">新闻（后台）</option>
                    <option value="9">充值活动（后台）</option>                
                </select>
            </div>
        </div>
        
        <div class="layui-form-item">
			<label class="layui-form-label">新闻图片：</label>
            <div class="layui-input-block" style="width:auto">

                <div id="localImag">
                    <img src="" id="local_preview" alt="新闻图片" class="hide">
                </div>

				<div>
					<input type="file" name="image" onchange="setImagePreview(this,'localImag','local_preview')" accept=".jpg,.jpeg,.png">
                </div>

				<div class="layui-form-mid layui-word-aux margin-left-120">
					<span class="x-red">选填。请上传jpg、png、gif的图片，最大不超过1M</span>
				</div>
			</div>
		</div>
        
        <div class="layui-form-item" id="showPos-container">
            <label class="layui-form-label">显示位置：</label>
            <div class="layui-input-inline" style="width:600px;padding: 8px">
	            <input lay-skin="primary" type="checkbox" name="position[]" value="a" title="首页资讯">
	            <input lay-skin="primary" type="checkbox" name="position[]" value="b" title="首页攻略">
	            <input lay-skin="primary" type="checkbox" name="position[]" value="c" title="新游评测">
	            <input lay-skin="primary" type="checkbox" name="position[]" value="d" title="新闻热点">
                <input lay-skin="primary" type="checkbox" name="position[]" value="e" title="新游视频">         
            </div>
        </div>


        <div class="layui-form-item">
            <label for="" class="layui-form-label">内容：<span class="x-red">*</span></label>
            <div class="layui-input-inline" style="width:50%">
                <textarea name="content" id="J_content" rows="30" cols="100" lay-verify="required"></textarea>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button type="submit" class="layui-btn" id="J_submit_btn">提交</button>
                <a href="javascript:;" onclick="back_info(this)" class="layui-btn">返回</a>
            </div>
        </div>
    </form>
</div>

{/block}

{block name="footer"}
<script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor/ueditor.config.js?v={$Think.STATIC_VERSION}"></script>
<script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" charset="utf-8" src="__STATIC__/ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" charset="utf-8" src="__STATIC__/js/FuzzySearch.js?v={$Think.STATIC_VERSION}"></script>
<script>

    $("#gameid").FuzzySearch({
	 	inputID     : 'gameid',
	 	title   	: '请输入游戏名称',
	 	data        :{:json_encode([-1=>(object)['id'=>'0','name'=>'所有游戏']]+$game_list)},
	 	searchBtn	:'J_submit_btn',
	});

    // window.onload=function(){
    $(document).ready(function () { 
        layui.use(['form'], function () {
            var form = layui.form;
            var ue = UE.getEditor('J_content');
        });
    })
    


    function back_info(obj) {
        layer.confirm('是否放弃修改？', {shade: 0.4}, function (index) {
            location.href = '{:url("index")}';
        });
    }

    function setImagePreview(avalue, div_id, preview_id) {
		var docObj = avalue;
		//img
		var imgObjPreview = document.getElementById(preview_id);
        imgObjPreview.className="show";

		if (docObj.files && docObj.files[0]) {
			//imgObjPreview.src = docObj.files[0].getAsDataURL();
			//火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式
			imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);
		} else {
			//IE下，使用滤镜
			docObj.select();
			var imgSrc = document.selection.createRange().text;
			var localImagId = document.getElementById(div_id);
			//图片异常的捕捉，防止用户修改后缀来伪造图片
			try {
				localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)"
				localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
			} catch (e) {
				alert("您上传的图片格式不正确，请重新选择!");
				return false;
			}
			imgObjPreview.style.display = 'none';
			document.selection.empty();
		}
		return true;
	}
</script>
{/block}