{layout name="layout" /}

<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i>
    <a href="{:url('index/index')}"> 首页</a>
    <span class="c-gray en">&gt;</span>
    <a href="{:url('carousel/index')}">轮播图管理</a>
    <a href="javascprit:;">{$data.id ? '修改' : '新增'}</a>
    <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);"
        title="刷新">
        <i class="Hui-iconfont">&#xe68f;</i>
    </a>
</nav>

<div class="Hui-article">
	<article class="cl pd-20">
		<form action="{:url('save?id='.$data.id)}" method="post" class="form form-horizontal" id="form-admin-article">
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">
                    图片：</label>
                    <div class="formControls col-xs-4 col-sm-4">
                        <div style="width: 200px;height: 200px;">
                         <a href="javascript:uploadPicture();">
                            <img id="view-img" src="{$data.picture ? $data.picture : '/static/admin/images/upload_picture.png'}" alt="轮播图" title="{$data.picture ? '更换' : '添加'}轮播图" style="max-width: 200px;max-height: 200px;">
                         </a>
                        </div>
                        <input type="text" class="input-text" value="{$data.picture}" name="picture" id="picture" style="display: none;">
                        <input type="text" class="input-text" value="{$data.thumb}" name="thumb" id="thumb" style="display: none;">
                    </div>
                    <!-- <label class="form-label col-xs-2 col-sm-2">
                        <a class="btn btn-success radius" href="javascript:addTitlePic();">{$data.title_pic ? '更换' : '添加'}轮播图</a></label> -->
                <div class="col-3"> </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">
                    url:</label>
                <div class="formControls col-xs-4 col-sm-4">
                    <input type="text" class="input-text" value="{$data.url}" placeholder="跳转连接" id="url" name="url">
                </div>
                <div class="col-3"> </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">
                    <span class="c-red">*</span>标题:</label>
                <div class="formControls col-xs-8 col-sm-6">
                    <input type="text" class="input-text" value="{$data.title}" placeholder="请填写标题" id="title" name="title">
                </div>
                <div class="col-3"> </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-4 col-sm-2">内容简介:</label>
                <div class="formControls col-xs-8 col-sm-6">
                    <textarea name="summary" id="summary" cols="" rows="" class="textarea" placeholder="说点什么...最多输入255个字符" datatype="*10-100" dragonfly="true"
                         onKeyUp="textarealength(this,500)">{$data.summary}</textarea>
                    <p class="textarea-numberbar">
                        <em class="textarea-length">0</em>/255</p>
                </div>
                <div class="col-3"> </div>
			</div>
			<div class="row cl">
				<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
					<button type="submit" class="btn btn-success radius" id="admin-powers-save" name="">确&nbsp;定</button>
					<button type="button" class="btn btn-default radius" onclick="window.history.back();" style="margin-left:20px;">取&nbsp;消</button>
				</div>
			</div>
        </form>
    </article>
</div>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript">
	$("#form-admin-article").submit(function () {
        if (isNull($("#picture").val())) {
            layer.msg('图片不可为空', {
                icon: 5,
                time: 1000
            });
            return false;
        }
        
		var summary = $("#summary").val();
		if (getblen(summary) > 255) {
            layer.msg('内容简介过长', {
                icon: 5,
                time: 1000
            });
            return false;
        }
	})


    //添加标题图
    function uploadPicture() {
        layer.open({
            type: 2,
            area: ['700px', '500px'],
            fix: false, //不固定
            maxmin: true,
            shade: 0.4,
            title: '添加缩略图',
            content: '{:url("uploadimg")}'
        });
    }
</script>