@using WeApp.TrainingCampGroup.Dto
@{
    Layout = "~/Views/Shared/Layout/_Layout.Stu.cshtml";
    CampGroupDto group = ViewBag.Group;
    bool isLeader = ViewBag.IsLeader;
    string id = group.Id,
        campNo = group.CampNo;

    var name = (isLeader ? "指挥长" : "组员");
    var style = (isLeader ? "1" : "2");
    ViewBag.Title = name + "屏(" + group.Name + ")";
}
@section styles{
    <link href="~/Content/Css/Exercise/stu-bg.min.css" rel="stylesheet" />
    <style>
        .group-name {
            color: #fff;
            position: absolute;
            left: 10px;
            bottom: 5px;
            font-size: 12px;
        }
        .text-box {
            margin-top: -5%;
        }
        .text-box .name {
            margin-top: 25px;
            font-size: 24px;
            font-weight: 600;
            color: #fff;
            background: #11998e;
            padding: 5px 50px;
            letter-spacing: 10px;
            padding-right: 40px;
            border-radius: 50px;
        }

        .logo {
            width: 250px;
            height: 240px;
            background-size: 100% 100%;
        }

        .logo1 {
            
            background-image: url('../../Content/Image/Stu/zhb/zhz.png');
        }

        .logo2 {
            background-image: url('../../Content/Image/Stu/zhb/zuyuan2.png');
        }
    </style>
}
<div class="body no-select" style="">
    <div class="left">
        <img src="~/Content/Image/Stu/gwLogo.png" />
    </div>
    <div class="right">
        <img src="~/Content/Image/Stu/loudou.png" />
        <div class="text-box">
            <div class="logo logo@(style)"></div>
            <span class="name"> @(group.Name)</span>
        </div>
    </div>
    <div class="group-name">@(group.Name)</div>
</div>
@section scripts
{
    <script>
        abp.signalr.connect(['@(id)','@(campNo)']);

        var state = 0;
        function Go(isLeader) {
            if (state) {
                window.location.href = isLeader ? "/Exercise/HeadquarterLeader" : "/Exercise/HeadquarterStu";
            } else {
                abp.message.warn("演练还未开始，请稍后再试！");
            }

        }

    </script>

    <script id="hub">
        abp.signalr.connect(['@(id)','@(campNo)']);
        iwbHub.client.getReloadAll = function (msg) {
            console.log('getReloadAll: ', msg);
            if (msg) {
                try {
                    var data = JSON.parse(msg);
                    if (data) {
                        if (data.no == '@(id)'|| data.no == '@(campNo)') {
                            window.location.reload();
                        }
                    }
                } catch (e) {
                    console.log('getReloadAll: ', e);
                }
            }
        };
        @if (isLeader)
        {
            <text>
                iwbHub.client.getReloadLeader = function (msg) {
                    console.log('getReloadLeader: ', msg);
                    if (msg) {
                        try {
                            var data = JSON.parse(msg);
                            if (data) {
                                if (data.no == '@(id)'|| data.no == '@(campNo)') {
                                    window.location.reload();
                                }
                            }
                        } catch (e) {
                            console.log('getReloadLeader: ', e);
                        }
                    }
                };
            </text>
        }
        else
        {
            <text>
        iwbHub.client.getReloadStu = function (msg) {
            console.log('getReloadStu: ', msg);
            if (msg) {
                try {
                    var data = JSON.parse(msg);
                    if (data) {
                        if (data.no == '@(id)'|| data.no == '@(campNo)') {
                            window.location.reload();
                        }
                    }
                } catch (e) {
                    console.log('getReloadStu: ', e);
                }
            }
        };
            </text>
        }
    </script>
}