{include file='public/header.html'}
{include file='public/cp_nav.html'}

<div class="container mtn">
    <div class="panel panel-default">
        <div class="panel-heading">添加单页<span class="pull-right"><a href="javascript:history.back(-1);">返回</a></span></div>
        <div class="panel-body">

            <form class="form-horizontal submit-ajax" role="form" action="{:url('add')}" method="post">
                <div class="form-group">
                    <label for="name" class="col-sm-1 control-label">*名称</label>
                    <div class="col-sm-11">
                        <input type="text" id="name" name="name" class="form-control" placeholder="请输入名称" value="" />
                    </div>
                </div>
                <div class="form-group">
                    <label for="sign" class="col-sm-1 control-label">*标识</label>
                    <div class="col-sm-11">
                        <input type="text" id="sign" name="sign" class="form-control" placeholder="请输入标识" value="" />
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-1 control-label">封面</label>
                    <div class="col-sm-11">
                        <input type="hidden" id="thumb" name="thumb" value="" />
                        <div id="pic_up" class="thumb">
                            <img style="display:none" id="pic" width="90" height="60"  alt="thumb"/>上传封面
                            <span id="pic_del">删除</span>
                            <input id="upload-input" type="file" accept="image/*" onchange="previewImg(this);">
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label for="summary" class="col-sm-1 control-label">摘要</label>
                    <div class="col-sm-11">
                        <textarea name="summary" id="summary" rows="2" class="form-control" placeholder="摘要说明"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label for="title" class="col-sm-1 control-label">*标题</label>
                    <div class="col-sm-11">
                        <input type="text" id="title" name="title" class="form-control" placeholder="请输入页面标题" value="" />
                    </div>
                </div>
                <div class="form-group">
                    <label for="editor" class="col-sm-1 control-label">*内容</label>
                    <div class="col-sm-11">
                        <textarea id="editor" name="content" style="display: none;"></textarea>
                    </div>
                </div>

                <div class="form-group">
                    <label class="col-sm-1 control-label">&nbsp;</label>
                    <div class="col-sm-11">
                        <input type="submit" id="submit" value="添加" class="btn btn-primary" />
                    </div>
                </div>
            </form>

        </div>
    </div>
</div>
{include file='public/footer.html'}
<script>
    const base_url = '__URL__';
</script>
<script src="__STATIC__/js/HandyEditor/HandyEditor.min.js"></script>
<script src="__STATIC__/js/hdeditor.js"></script>
<script>
    function previewImg(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (im) {
                var apiurl = "{:url('api/upload_base64')}";
                var type = 'single';
                $.post(apiurl, {base64: im.target.result, type: type}, function (res) {
                    if (res.status == 1) {
                        pic_del($("#pic"));
                        $('#thumb').val(res.data.path);
                        $("#pic").attr("src", res.data.path).show();
                        $('#pic_del').show();
                    }
                }, 'json');
            };
            reader.readAsDataURL(input.files[0]);
            return 1;
        }
    }
    function pic_del(e) {
        var p = e.attr('src');
        $('#thumb').val('');
        $.post("{:url('api/image_del')}", {pic: p}, function (ret) {
        }, 'json');
    }
    $('#pic_del').on('click', function () {
        pic_del($("#pic"));
        $("#pic").attr("src", '').hide();
        $('#pic_del').hide();
    });
</script>
</body>
</html>