{extend name='admin@main'}

{block name="content"}
<div class="think-box-shadow">
    {include file='user_video/index_search'}
    <table class="layui-table margin-top-20" lay-skin="line">
        <thead>
        <tr>
            <th class='text-left nowrap' >用户</th>
            <th class='text-left nowrap' >标题</th>
            <th class='text-left nowrap' >视频</th>
            <th class='text-left nowrap' >分类</th>
            <th class='text-left nowrap'>审核状态</th>
            <th class='text-left nowrap' >状态</th>
            <th class='text-left nowrap'>置顶</th>
            <th class="text-left nowrap">操作</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.phone|default='--'}<br>
                    用户昵称：{$vo.user_name|default='--'}
                </div>
            </td>
            <td class='text-left nowrap'>{$vo.title|default=''}</td>
            <td class='text-left nowrap'>
                <img  class="video_player"  alert="点击播放"   src="{$vo.cover|default=''}" data-src="{$vo.video_url|default=''}" style="height: 50px;width: 75px" />
            </td>
            <td class='text-left nowrap'>{$video_cate[$vo.first_classify]['title']|default='--'}--{$video_cate[$vo.second_classify]['title']|default='--'}</td>
            <td class='text-left nowrap'>{$vo.status == 0 ?'待审核' : ($vo.status == 1?'审核通过':'审核拒绝')}</td>
            <td class='text-left '>
                {if $vo.is_deleted == 0}
                <span class="layui-btn layui-btn-xs">正 常</span>
                {else}
                <span class="layui-btn layui-btn-xs layui-btn-warm ">已下架</span>
                {/if}
            </td>
            <td class='text-left nowrap'>{$vo.is_top == 1 ?'是' :'否'}</td>
            <td class='text-left nowrap' >
                {if $vo.status == 0}
                <a data-title="审核" class="layui-btn layui-btn-sm layui-btn-warm" data-modal='{:url("edit")}?id={$vo.id}'>审 核</a>
                {else}
                <a data-title="查看" class="layui-btn layui-btn-sm" data-modal='{:url("edit")}?id={$vo.id}'>查 看</a>
                {eq name='vo.status' value='1'}
                <a data-title="加入系列" class="layui-btn layui-btn-sm layui-btn-warm" data-modal='{:url("series")}?id={$vo.id}'>加入系列</a>
              <!--  <a data-title="新建视频" class="layui-btn layui-btn-sm layui-btn-warm" data-modal='{:url("new_video")}?id={$vo.id}'>新建视频</a>-->
                {/eq}
                {/if}
                <span class="layui-btn layui-btn-sm 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/user_video/"+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)
                }
            });
        });
    }

    $('.video_player').click(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
        });
    });

</script>
{/block}