@using WeApp.TrainingCampGroup.Dto
@{
    Layout = "~/Views/Shared/Layout/_Layout.Spec.cshtml";
    string campName = ViewBag.CampName;
    ViewBag.Title = "手动记录演练情况(" + campName + ")";
    List<CampGroupDto> groups = ViewBag.Groups;
    string groupSelects = "<option value=\"\">请选择培训营分组...</option>";
    if (groups != null && groups.Any())
    {
        foreach (var g in groups)
        {
            groupSelects += "<option value=\"" + g.Id + "\">" + g.Name + "</option>";
        }
    }
}

<link href="~/Content/Css/ExerciseV2/stu-cmd.css" rel="stylesheet" />
@Html.Partial("Layout/V2/_Bg", true)
<div class="box">
    <div id="bg_title">
        <span class="title">演练情况记录</span>
    </div>
    <div class="form-box" style="height: calc(100vh - 126px); display: flex; justify-content: center; align-items: center; ">
        <form class="form" style="width: 500px; margin-top: -10%; ">
            <div class="form-group">
                <select id="group" class="form-control" style="width: 100%">
                    @Html.Raw(groupSelects)
                </select>
            </div>
            <div class="form-group">
                <textarea id="txt" class="form-control" style="width: 100%; height: 200px;" placeholder="请输入内容..."></textarea>
            </div>
            <div id="btn" class="btn" style="padding: 10px 20px;width: 100%"  onclick="Go()">记录演练实时情况</div>
        </form>
    </div>
</div>
@section scripts
{
    <script src="~/Content/Js/scene-path.js"></script>
    <script>
        $('.form #group').select2();
        function Go() {
            var no = $("#group").val();
            if (!no) {
                abp.message.warn("请选择一个培训营分组！");
                return;
            }
            var txt = $("#txt").val();
            if (!txt) {
                abp.message.warn("请输入内容！");
                return;
            }
            $("#btn").prop("disable", true);
            $.iwbAjax1({
                url: abp.appUrl + "Eval/ManualLog",
                data: { no: no, msg: txt },
                success: function () {
                    $("#txt").val("");
                }
            });
            setTimeout(function () { $("#btn").prop("disable", false); }, 1000 * 10);
        }

    
    </script>
}