@using Core.Web.WebHelper
@using Core.Web.Controllers
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="x-body">
    <form class="layui-form">
        <div id="mytoolbar">
            事业部：
            <div class="layui-inline">
                <select name="txt_DeptId" style="height:35px;">
                    <option value="">全部</option>
                    @{
                        if (ViewBag.companyList != null)
                        {
                            var list = ViewBag.companyList as List
                            <Core.Web.Controllers.NewsController.DeptmentDto>
                                ;
                            foreach (var item in list)
                            {
                                <option value="@item.Id">@item.Title</option>
                            }
                        }
                    }
                </select>
            </div>
            直播平台：
            <div class="layui-inline">
                <select name="slt_PlatformId" style="height:35px;">
                    <option value="">全部</option>
                    @{
                        if (ViewBag.Platforms != null)
                        {
                            var list = ViewBag.Platforms as List
                            <CRM.Core.DTO.LiveAuditKeyValue>
                                ;
                            foreach (var item in list)
                            {
                                <option value="@item.Key">@item.Value</option>
                            }
                        }
                    }
                </select>
            </div>
            直播ID：
            <div class="layui-inline">
                <input type="text" name="txt_LiveId" placeholder="请输入" autocomplete="off" class="layui-input" value="@ViewBag.LiveId" >
            </div>
            课程：
            <div class="layui-inline">
                <input type="text" name="txt_Schedule" placeholder="请输入" autocomplete="off" class="layui-input">
            </div>
            备注：
            <div class="layui-inline">
                <input type="text" name="txt_Remark" placeholder="请输入" autocomplete="off" class="layui-input">
            </div>
            直播人：
            <div class="layui-inline">
                <input type="text" name="txt_Liver" placeholder="请输入" autocomplete="off" class="layui-input">
            </div>
            审核状态：
            <div class="layui-inline">
                <select name="slt_AuditStatus" style="height:35px;">
                    <option value="">全部</option>
                    @{
                        if (ViewBag.Status != null)
                        {
                            var list = ViewBag.Status as List
                            <CRM.Core.DTO.LiveAuditKeyValue>
                                ;
                            foreach (var item in list)
                            {
                                <option value="@item.Key">@item.Value</option>
                            }
                        }
                    }
                </select>
            </div>
            直播日期：
            <div class="layui-inline">
                <input class="layui-input" placeholder="开始日" name="txt_TimeFrom" id="TimeFrom" style="width:120px;">
            </div>
            <div class="layui-inline">
                <input class="layui-input" placeholder="截止日" name="txt_TimeTo" id="TimeTo" style="width:120px;">
            </div>
            审核人：
            <div class="layui-inline">
                <input type="text" name="txt_Auditer" placeholder="请输入" autocomplete="off" class="layui-input">
            </div>
            审核时间：
            <div class="layui-inline">
                <input class="layui-input" placeholder="开始日" name="txt_AuditTimeFrom" id="AuditTimeFrom" style="width:120px;">
            </div>
            <div class="layui-inline">
                <input class="layui-input" placeholder="截止日" name="txt_AuditTimeTo" id="AuditTimeTo" style="width:120px;">
            </div>
            <div style="float: right;">
                <button class="layui-btn layui-btn-normal" style="width:100px;" type="button" id="search" data-type="reload">搜索</button>
                <button class="layui-btn layui-btn-normal" style="width: 100px; margin-left: 10px !important;" type="reset">重置</button>
            </div>
        </div>
    </form>
    <table class="layui-hide" id="tabl1" lay-filter="tabl1"></table>
</div>


<script src="~/Scripts/layui_ext/xm-select/xm-select.js"></script>
<script>
    var selectRow = {};
    var layer;
    var flow;
    var accessories = [];
    var token;
    var table;
    var statuss = @Html.Raw(Json.Encode(ViewBag.Status));
    layui.use(['table', 'form', 'layer', 'upload', 'laydate', 'flow', 'element'], function () {
        flow = layui.flow;

        table = layui.table;
        var form = layui.form;

        var auditStatus = '@Html.Raw(ViewBag.AuditStatus)';
        if (auditStatus != '') {
           $('select[name=slt_AuditStatus').val(auditStatus);
        }


        form.render('select');
         layer = layui.layer;
        var upload = layui.upload;
        var laydate = layui.laydate;
        var element = layui.element;
        laydate.render({ elem: '#TimeFrom'});
        laydate.render({ elem: '#TimeTo' });
        laydate.render({ elem: '#AuditTimeFrom' });
        laydate.render({ elem: '#AuditTimeTo' });

        table.render({
            id: 'liveAuditList',//列表别名ID
            elem: '#tabl1',//表ID
            url: '/LiveAudit/GetDetailListHtml',
            method: 'POST',
            cols: [[
                { field: 'Id', title: 'ID' }
                , { field: 'LiveDateStr', title: '直播日期', width: 110 }
                , { field: 'DeptName', title: '事业部', width: 120 }
                , { field: 'LiveId', title: '直播ID'}
                , { field: 'Platform', title: '直播平台'}
                , { field: 'Schedule', title: '课程' }
                , { field: 'Remark', title: '备注'}
                , { field: 'Liver', title: '直播人' }
                , { field: 'Account', title: '账号'}
                , { field: 'LiveUrl', title: '直播链接' }
                , { field: 'StarTime', title: '开始时间', width: 160 }
                , { field: 'EndTime', title: '结束时间', width: 160 }
                , {
                    field: 'AuditStatus', title: '审核状态', templet: function (d)
                    {
                        var value = statuss.find(x => x.Key == d.AuditStatus);
                        if (value) {
                            return value.Value;
                        }
                        else {
                            return "";
                        }
                    }
                }
                , { field: 'Auditer', title: '审核人' }
                , { field: 'AuditTime', title: '审核时间' }
                , { field: 'Operation', title: '操作',width : 140 , templet: function (d) {
                    return "<a href=\"javascript:ShowLog(" + d.Id + ",'" + d.LiveDateStr +"');\" style='color:#01AAED'>审核日志</a>&nbsp;&nbsp;&nbsp;<a href=\"javascript:ShowAudit(" + d.Id + ",'"+d.StarTime+"');\" style='color:#01AAED'>审核</a>";
                    }
                }
            ]]
            , page: {
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip', 'refresh'] //自定义分页布局
                //,curr: 5 //设定初始在第 5 页
                , groups: 5 //只显示 1 个连续页码
            }
            , where: GetParams("mytoolbar")
        });

        $('#mytoolbar #search').on('click', function (data) {
            table.reload('liveAuditList', {
                page: { curr: 1 },
                where: GetParams("mytoolbar")
            });
        });
    });

    function selectReset(value) {
        selectChannel.setValue(value);
    }


    function ShowLog(id, liveDate) {
        var width = $(window).width() * 0.8;
        var height = $(window).height() * 0.8;
         layer.open({
            type: 2,
             content: '/LiveAudit/Log?Id=' + id + '&LiveDate=' + liveDate,
            title: "日志",
             area: [width+'px', height+'px']
        });
    }

    function ShowAudit(id, startTime) {
        var nowDate = new Date();
        if (nowDate < new Date(startTime)) {
            layer.msg("还未到直播开始时间，无法审核！", { icon: 7 });
            return;
        }

        var width = $(window).width() * 0.5;
        var height = $(window).height() * 0.8;
        layer.open({
            type: 2,
            content: '/LiveAudit/Audit?Id=' + id,
            title: "直播审核",
            area: [width + 'px', height + 'px']
        });
    }


    $("#reset").on('click', function (data) {

    });

    function TableReload() {
        table.reload('liveAuditList', {
        });
    }

</script>