@using WeOnlineApp.Helpers
@model WeOnlineApp.TrainingCamp.Dto.CampDto
@Html.Partial("~/Views/Play/_BoxBaseStyle.cshtml")

<style>

    .camp-detail {
        width: 100%;
        height: calc(100vh - 20px);
    }


       
</style>
<div class="box camp-detail" style="">
    <div class="box-header">
        <span>课程详情</span>
        @if (Model.CampState != 3)
        {
            <div class="back-btn">
                <button type="button" class="btn  btn-outline-light btn-sm" style="width: 80px;" onclick="Back()">返回课程</button>
            </div>
        }
           
    </div>
    <div class="box-body" id="detail-body">
        <dl class="dl">
            <dt>课程名称：</dt>
            <dd>@Model.Name</dd>
        </dl>

        <dl class="dl">
            <dt>课程主题：</dt>
            <dd>@Model.PackageName</dd>
        </dl>

        <dl class="dl">
            <dt>课程目标：</dt>
            <dd>@Model.Purposes</dd>
        </dl>
        <dl class="dl">
            <dt>课程积分：</dt>
            <dd>@Model.SubjectPoint 分</dd>
        </dl>
        @if (Model.CampState!=3)
        {
            <dl class="dl">
                <dt>主办单位：</dt>
                <dd>@Model.Organizer</dd>
            </dl>

            <dl class="dl">
                <dt>联系信息：</dt>
                <dd>@Model.ContactInfo</dd>
            </dl>

            <dl class="dl">
                <dt>演练时长：</dt>
                <dd>@Model.MaxTrainingMinute 分钟</dd>
            </dl>

            <dl class="dl">
                <dt>演练角色：</dt>
                <dd>
                    @{
                        string roles = "";
                        var arr = Model.AssessRoleNames.Split(',');
                        foreach (var role in arr)
                        {
                            roles += "<span class=\" role label label-info mr-2 mb-2\">" + role + "</span>";
                        }
                    }
                    @(Html.Raw(roles))
                </dd>
            </dl>
            <dl class="dl">
                <dt>有效期：</dt>
                <dd>@(Model.StartDate?.ToString("yyyy-MM-dd")) 至 @(Model.EndDate?.ToString("yyyy-MM-dd")) </dd>
            </dl>
        }
        
    </div>
</div>
@using (Html.BeginScripts())
{
    <script>
        $(function() {
            OverlayScrollbar($('#detail-body'));
        });
        function Back() {
            window.location.href = "@Url.Action("PlayList","Play")";
        }
    </script>
}