@using WeApp.TrainingCamp.Dto
@{
    Layout = "~/Views/Shared/Layout/_Layout.None.cshtml";
    ViewBag.Title = "演练大屏";
    CampDto camp = ViewBag.Camp;
}
@section styles{
    <link href="~/Content/Css/Play/v2.min.css" rel="stylesheet" />
}
@Html.Partial("Camp/_Effect", camp.Id)
<div class="main-title">
    @Html.Partial("_/_Top", camp)
</div>
<div class="main-area" style="flex-direction:column">
    <div class="area-h" style="height: calc(var(--mh) * 0.685)">
        <div class="area-v" style="width: calc(var(--mw) * 0.22);">
            <div class="area-h card shadow card-box " style="height: calc(var(--mh) * 0.32)">
                <div class="card-header">
                    <div class="card-title">
                        <i class="fa fa-file-invoice"></i>
                        演练基本信息
                    </div>
                </div>
                <div class="card-body p-0">
                    @Html.Partial("__/_BaseInfo", camp)
                </div>
            </div>
            <div class="area-h card shadow card-box " style="height: calc(var(--mh) * 0.68)">
                <div class="card-header">
                    <div class="card-title">
                        <i class="fa fa-file-invoice"></i>
                        知识信息
                    </div>
                </div>
                <div class="card-body p-0">
                    @Html.Partial("__/_Desc", camp)
                </div>
            </div>
        </div>
        <div class="area-v" style="width: calc(var(--mw) * 0.78 );">
            <div class="card shadow card-box">
                <div class="card-body p-0">
                    @Html.Partial("__/_Video", camp)
                </div>
            </div>
        </div>
    </div>
    <div class="area-h" style="height: calc(var(--mh) * 0.315)">
        <div class="area-v">
            <div class=" card shadow card-box">
                <div class="card-header">
                    <div class="card-title">
                        <i class="fa fa-file-invoice"></i>
                        操作信息
                    </div>
                </div>
                <div class="card-body p-0">
                    @Html.Partial("__/_Help", camp)
                </div>
            </div>
        </div>
    </div>
</div>
@section scripts{
    <script>

        $(function () {
            $('#time-down').hide();
            abp.signalr.connect(['@(camp.Id)']);

            //window.PlayLoop("/Content/V2/Video/01.mp4");
            $.iwbGet({
                url: "/Content/V2/Config/Screen/@(camp.Id).json",
                success: function (res) {
                    console.log("===========>", res);
                    if (res) {
                        //暖场视频
                        window.PlayLoop(res.WaitVideo);
                        //操作文档图片
                        window.LoadHelpImages(res.HelpImages);
                        //课程描述图片(知识信息)
                        window.LoadDescImage(res.DescImage);
                    }
                },
                error: function () {
                    $.iwbGet({
                        url: "/Content/V2/Config/Screen/default.json",
                        success: function (res) {
                            console.log("=====DEFAULT======>", res);
                            if (res) {
                                //暖场视频
                                window.PlayLoop(res.WaitVideo);
                                //操作文档图片
                                window.LoadHelpImages(res.HelpImages);
                                //课程描述图片(知识信息)
                                window.LoadDescImage(res.DescImage);
                            }
                        }
                    });
                }
            });
        });

        function Scroll2Bottom(that) {
            var instance = window.OverlayScrollbars($(that)[0]);
            if (!instance) {
                OverlayScrollbar($(that));
                instance = window.OverlayScrollbars($(that)[0]);
            }
            if (instance) {
                try {
                    instance.scroll({ y: "100%" });
                } catch (e) {

                }
            }
        }

        function Scroll2Top(that) {
            var instance = window.OverlayScrollbars($(that)[0]);
            if (!instance) {
                //, { className: "os-theme-round-dark" }
                OverlayScrollbar($(that));
                instance = window.OverlayScrollbars($(that)[0]);
            }
            if (instance) {
                try {
                    instance.scroll({ y: "0%" });
                } catch (e) {

                }
            }
        }
    </script>

}