{include file="common/head"/}
<div class="admin-main layui-anim layui-anim-upbit">
    <fieldset class="layui-elem-field layui-field-title">
        <legend>添加评论</legend>
    </fieldset>
    <form class="layui-form layui-form-pane">
        <div class="layui-form-item">
            <label class="layui-form-label">商家ID</label>
            <div class="layui-input-4">
                <input type="text" value="" name='sid' ng-model="field.sid" lay-verify="required" placeholder="{:lang('pleaseEnter')}商家ID" class="layui-input">
                <!--<input type="hidden" name="sellerid" value="{:$data['id']}" class="layui-input">-->
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">评论openid</label>
            <div class="layui-input-4">
                <input type="text" value="" name='author_openid' ng-model="field.sid" lay-verify="required" placeholder="{:lang('pleaseEnter')}评论者openid" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">评论时间</label>
            <div class="layui-input-4">
                <input type="text" id='ctime' name="create_time" ng-model="field.create_time" lay-verify="required" placeholder="{:lang('pleaseEnter')}评论时间" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">评论内容</label>
            <div class="layui-input-block">
                <textarea ng-model="field.text" placeholder="请输评论内容" name="text" class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">图片/视频</label>
            <input type="hidden" name="pic" id="pic" value="{{field.pic}}">
            <div class="layui-input-block">
                <div class="layui-upload">
                    <button type="button" class="layui-btn layui-btn-primary" id="adBtn"><i class="icon icon-upload3"></i>点击上传</button>
                    <div class="layui-upload-list">
                        <img class="layui-upload-img" id="adPic">
                        <p id="demoText"></p>
                        <video src="" id="adVideo" controls="controls" style="width: 300px;height: 200px;display: none">
                            您的浏览器不支持 video 标签。
                        </video>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">评论星级</label>
            <div class="layui-input-block">
                <div class="layui-input-4">
                    <input type="radio" name="grade" value="1" title="一星" >
                    <input type="radio" name="grade" value="2" title="二星" >
                    <input type="radio" name="grade" value="3" title="三星" >
                    <input type="radio" name="grade" value="4" title="四星" >
                    <input type="radio" name="grade" checked='true' value="5" title="五星" >
                </div>
            </div>
        </div>



        <div class="layui-form-item">
        <div class="layui-input-block">
          <button type="button" class="layui-btn" lay-submit="" lay-filter="submit">{:lang('submit')}</button>
        </div>
        </div>
    </form>
</div>
{include file="common/foot"/}
<script src="/static/common/js/angular.min.js"></script>
<script>
    layui.use(['form','laydate','upload'], function () {
        var form = layui.form, laydate = layui.laydate ,$ = layui.jquery,upload = layui.upload;

        //接单设备显示/隐藏
        form.on('radio(reserve_mode_filter)', function(data){
            var dataval=$(data.elem).attr("value");
            if(dataval==1){
                $("#device_call_lite").show();
            }else{
                $("#device_call_lite").hide();
            }
        });

        //日期时间范围
        laydate.render({
            elem: '#ctime'
            ,type: 'datetime'
            ,range: false
        });


        //GIF/视频上传
        var uploadInst = upload.render({
            elem: '#adBtn'
            ,url: '{:url("UpFiles/uploadQn")}'
            ,before: function(obj){
                //预读本地文件示例，不支持ie8
                obj.preview(function(index, file, result){
                    if(result.substring(5,10)=="image"){
                        $('#adPic').attr('src', result); //图片链接（base64）
                        $('#adPic').css('display', 'block');
                        $("#adVideo").css('display', 'none');
                    }else{
                        $("#adVideo").get(0).src=result; //图片链接（base64）
                        $("#adVideo").css('display', 'block');
                        $('#adPic').css('display', 'none');
                    }
                });
            },done: function(res){
                if(res.code>0){
                    $('#pic').val(res.url);
                    return layer.msg('上传成功');
                }else{
                    //如果上传失败
                    return layer.msg('上传失败');
                }
            }
            ,error: function(){
                //演示失败状态，并实现重传
                var demoText = $('#demoText');
                demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-mini demo-reload">重试</a>');
                demoText.find('.demo-reload').on('click', function(){
                    uploadInst.upload();
                });
            }
        });

        //根据菜品ID 修改对应菜品的GIF、视频url
        form.on('submit(submit)', function (data) {
            //校验
            var loading = layer.load(1, {shade: [0.1, '#fff']});
            $.post("{:url('Comment/addcommit')}", data.field, function (res) {
                layer.close(loading);
                alert(res);
                /*if (res.code == 1) {
                    layer.msg(res.msg, {time: 1000, icon: 1}, function () {
                        location.href = "{:url('CommentList')}";
                    });
                } else {
                    alert(res.msg);
                    layer.msg(res.msg, {time: 1000, icon: 2});
                }*/
            });
        })
    });
</script>