{extend name='admin@main'}

{block name="button"}
    {if auth("store/merchant/add")}
        <button data-modal='{:url("add")}' data-title="添加电影" class='layui-btn layui-btn-sm layui-btn-primary'>添加电影</button>
    {/if}
{/block}

{block name="content"}
<div class="think-box-shadow">
    {include file='film_manage/index_search'}
    <table class="layui-table margin-top-10" lay-skin="line">
        {notempty name='list'}
        <thead>
        <tr>
            <th class='list-table-check-td think-checkbox'>
                <input data-auto-none data-check-target='.list-check-box' type='checkbox'>
            </th>
            <th class='list-table-sort-td'>
                <button type="button" data-reload class="layui-btn layui-btn-xs">刷 新</button>
            </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-center">状态</th>
            <th class="text-center">添加时间</th>
            <th class="text-center">操作</th>
        </tr>
        </thead>
        {/notempty}
        <tbody>
        {foreach $list as $key=>$vo}
        <tr>
            <td class='list-table-check-td think-checkbox'>
                <input class="list-check-box" value='{$vo.id}' type='checkbox'>
            </td>
            <td class='list-table-sort-td'>
                <input data-action-blur="{:request()->url()}" data-value="id#{$vo.id};action#sort;sort#{value}" data-loading="false" value="{$vo.sort}" class="list-sort-input">
            </td>
            <td class='text-left nowrap'>
                {$vo.name|default=''}
            </td>

            <td class='text-left nowrap'>
                <img data-tips-image="{$vo.cover|default=''}"  src="{$vo.cover|default=''}" width="50px">
            </td>
            <td class='text-left nowrap'>
                <img  class="video_player"  alert="点击播放" src="{$vo.video_cover|default=''}" data-src="{$vo.video|default=''}" style="max-height: 100px;max-width: 150px" ></img>
               <!-- <video   controls="controls" style="max-height: 100px;max-width: 150px" >
                    <source class="video_player" src="{$vo.video|default=''}" >
                </video>-->
            </td>

            <td class='text-left nowrap'>
                {$vo.price|default=''}
            </td>
            <td class='text-center nowrap'>
                {eq name='vo.status' value='2'}<span class="layui-badge">已下架</span>{elseif  $vo.status eq 1}<span class="layui-badge layui-bg-green">已上架</span>{/eq}<br>
            </td>
            <td class='text-center nowrap'>{$vo.create_at|format_datetime}</td>
            <td class='text-center nowrap'>
                {if auth("store/merchant/edit")}
                <a data-title="编辑电影" class="layui-btn layui-btn-sm" data-modal='{:url("edit")}?id={$vo.id}'>编 辑</a>
                {/if}

                {if $vo.status eq 1 and auth("store/FilmManage/down")}
                <a class="layui-btn layui-btn-sm layui-btn-warm" data-action="{:url('down')}" data-value="id#{$vo.id};status#2">下 架</a>
                {elseif auth("store/FilmManage/up")}
                <a class="layui-btn layui-btn-sm layui-btn-warm" data-action="{:url('up')}" data-value="id#{$vo.id};status#1">上 架</a>
                {/if}
                {if auth("store/FilmScreen/index")}
                    <a data-title="查看场次" class="layui-btn layui-btn-sm" data-open='{:url("FilmScreen/index")}?f_id={$vo.id}'>场次</a>
                {/if}
                {if auth("store/Discuss/index")}
                <a data-title="查看影评" class="layui-btn layui-btn-sm" data-open='{:url("Discuss/index")}?f_id={$vo.id}'>影评</a>
                {/if}
            </td>
        </tr>
        {/foreach}
        </tbody>
    </table>
    {empty name='list'}<span class="notdata">没有记录哦</span>{else}{$pagehtml|raw|default=''}{/empty}
</div>
<script>
    $('.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}