{extend name='admin@main'}
{block name="button"}
<a href="javascript:history.go(-1);"  data-title="返 回" class='layui-btn layui-btn-sm layui-btn-primary'>返 回</a>
{/block}
{block name="content"}
<div class="think-box-shadow" style="width: 100%">
    {include file='video_comment/index_search'}
    <table class="layui-table margin-top-20" lay-skin="line">
        <thead>
        <tr>
            <th class='text-left nowrap' >用户</th>
            <th class='text-left ' style="max-width: 800px !important;">评论内容</th>
            <th class='text-left ' >时间</th>
            <th class="text-left ">操作</th>
        </tr>
        </thead>
        <tbody>
        {foreach $list as $key=>$vo}
        <tr>
            <td class='text-left nowrap'>
                <img data-tips-image style="width:50px;height:50px" src="{$vo.headimg|default=''}" class="margin-right-5 text-top">
                <div class="inline-block">
                    用户ID：{$vo.user_id|default='--'}<br>
                    用户昵称：{$vo.name|default='后台回复'}
                </div>
            </td>
            <td class='text-left ' style="max-width: 800px !important;">{$vo.content|default=''}</td>
            <td class='text-left '>{$vo.create_at|default=''}</td>
            <td class='text-left' style="width: 20%">
                {if isset($vo.is_top) and $vo.is_top eq 1}
                <a class="layui-btn layui-btn-xs" data-action="{:url('stick')}" data-value="id#{$vo.id};is_top#0">取消置顶</a>
                {else}
                <a class="layui-btn layui-btn-xs layui-btn-warm" data-action="{:url('stick')}" data-value="id#{$vo.id};is_top#1">置 顶</a>
                {/if}
                <a data-title="回 复" class="layui-btn layui-btn-xs" data-modal='{:url("reply")}?id={$vo.id}'>回 复</a>
                <span class="layui-btn layui-btn-xs layui-btn-danger" onclick="btn_confirm('删除','del','{$vo.id}');">删 除</span>
            </td>
        </tr>
        {/foreach}
        </tbody>
    </table>
    {empty name='list'}<span class="notdata">没有记录哦</span>{else}{$pagehtml|raw|default=''}{/empty}
</div>
<script>
    function btn_confirm(msg,fun,id) {
        layer.confirm('请确定是否'+msg, {btn: ['确定', '取消'], title: "提示"}, function () {
            var url = "/nutrition/video_comment/"+fun;
            layer.closeAll();
            $.ajax({
                type: "post",
                url: url,
                data: {id:id},
                dataType: "json",
                async: false,
                success: function (data) {
                    layer.msg(data.info);
                    setTimeout(function () {
                        window.location.reload();
                    },1000)
                }
            });
        });
    }

    $(document).on("click",'.video_player',function () {
        vUrl = $(this).data('src');  //获取到播放的url
        var loadstr = '<video width="100%" height="100%"  controls="controls" autobuffer="autobuffer"  autoplay="autoplay" loop="loop">' +
            '<source src='+vUrl+' type="video/mp4"></source></video>';
        layer.open({
            type: 1,
            title: false,
            area: ['730px', '500px'],
            shade: [0.8, 'rgb(14, 16, 22)'],
            skin: 'demo-class',
            content: loadstr
        });
        form.render();
    });
</script>
{/block}