{extend name="app/shop/view/base.html"/}
{block name="resources"}
<style>
    .tips{
        font-size: 13px;
        color: #cccccc;
    }
    .hide{
        display: none;
    }
    .avatar{
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }
    .nickname{
        text-align: center;
        font-size: 13px;
    }
    .image-list-item{
        max-width: 150px;
        height: 150px;
    }
</style>
{/block}

{block name="body"}
<div class="layui-form form-wrap" lay-filter="formInfo">
    <div class="layui-form-item">
        <label class="layui-form-label img-upload-lable short-label">用户信息：</label>
        <div class="layui-input-inline">
            <img class="avatar" src="{:img($info['headimg'])}" onerror="this.src = '{:img(\'public/static/img/default_img/head.png\')}'">
            <div class="nickname">{$info['nickname'] ?? $info['username']}</div>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label img-upload-lable short-label">提交时间：</label>
        <div class="layui-input-inline">
            {:date('Y-m-d H:i:s',$info['created_time'])}
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label img-upload-lable short-label">消息内容：</label>
        <div class="layui-input-inline">
            <textarea class="layui-textarea len-long" rows="10" disabled>{$info['message_content']}</textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label img-upload-lable short-label">相关图片：</label>
        <div class="layui-input-inline">
            {foreach $info['image_list'] as $img}
                <img class="image-list-item" layer-src src="{:img($img)}" onerror="this.src = '{:img(\'public/static/img/default_img/head.png\')}'"/>
            {/foreach}
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label img-upload-lable short-label">回复内容：</label>
        <div class="layui-input-inline">
            <textarea name="reply_content" class="layui-textarea len-long" rows="10">{$info['reply_content'] ?? ''}</textarea>
        </div>
    </div>
    <!--提交按钮-->
    <div class="form-row">
        <input type="text" value="{$message_center_id}" name="message_center_id" autocomplete="off" class="layui-input hide"/>
        <button class="layui-btn" lay-submit lay-filter="save">提交回复</button>
        <button class="layui-btn layui-btn-primary" onclick="closeIframe()">关闭</button>
    </div>
</div>
{/block}
{block name="script"}
<script>
    var _thisIndex,form,repeat_flag = false,goods_info = {};
    $(function () {
        // 基本参数
        _thisIndex = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
        // 表单内容
        layui.use(['form'], function() {
            form = layui.form;
            form.render();
            // 表单提交
            form.on('submit(save)', function(data){
                var field = data.field;
                // 判断信息是否完整
                if(!field['reply_content']){
                    layer.msg('请输入回复内容！');
                    return false;
                }
                // 数据提交
                $.ajax({
                    type: 'POST',
                    dataType: 'JSON',
                    url: ns.url("message://shop/remark/seeInfo"),
                    data: field,
                    async: false,
                    success: function(res){
                        if (parseInt(res.code) === 0) {
                            layer.msg(res.message);
                            parent.layer.close(_thisIndex);
                        }else{
                            layer.msg(res.message);
                        }
                    }
                })
            });
        });
    });
    // 点击关闭弹框
    function closeIframe() {
        parent.layer.close(_thisIndex); //再执行关闭
    }
</script>
{/block}