@using MES.Production.Service;
@using Central.Control.Domain;
@using Ant.Service.Common;
@using CommonToolHelper;
@{
    ViewBag.Title = "添加/修改赛事";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@model  MES.Production.Entity.YW_SportsEvent

<style>
    body {
        background-color: white;
    }

    .changeicon {
        float: right;
        margin-right: 22px;
        position: absolute;
        right: -7px;
        top: 0px;
        border: none;
        background-color: #18a689;
        color: #FFFFFF;
        line-height: 33px;
        height: 33px;
    }
</style>
<link href="~/Content/uploadfile/CSS/webuploader.css" rel="stylesheet" />
<link href="~/Content/uploadfile/CSS/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/uploadfile/CSS/uploadstyle.css" rel="stylesheet" />
<link href="~/Content/uploadfile/CSS/font-awesome.css" rel="stylesheet" />
@*<script src="~/Content/js/jquery/jquery-1.8.2.min.js"></script>*@
<script src="~/Content/uploadfile/Script/webuploader.js"></script>
@using (Ajax.BeginForm("Save", null, new AjaxOptions()
{
    HttpMethod = "Post",
    OnBegin = "SubAjax.Loading",
    OnComplete = "SubAjax.Complate",
    OnFailure = "SubAjax.Failure",
    OnSuccess = "SubAjax.Success"
},
new { @class = "form-horizontal dig-from", @role = "form" }))
{
    <div class="wrapper-content">
        <div class="panel-body">
            <div class="tab-content">
                <div id="tab-1" class="tab-pane active">
                    @Html.HiddenFor(p => p.ID)
                    <div class="form-group">
                        <label class="col-lg-3 control-label">赛事名称：</label>
                        <div class="col-lg-8">
                            @Html.TextBoxFor(p => p.Name, new { @class = "form-control", @id = "Name", @placeholder = "请输入赛事名称", @datatype = "*", @nullmsg = "请输入赛事名称！", @errormsg = "请输入赛事名称！" })
                        </div>
                    </div>
                    @*<div class="form-group">
            <label class="col-lg-3 control-label">组队参赛：</label>
            <div class="col-lg-8">
                @Html.DropDownListFor(p => p.TeamUpCode, ViewBag.TeamUpCodes as IEnumerable<SelectListItem>, new { @class = "form-control select2", @id = "TeamUpCode", @placeholder = "请输入组队参赛", @datatype = "*", @nullmsg = "请输入组队参赛！", @errormsg = "请输入组队参赛！" })
            </div>
        </div>*@
                    <div class="form-group">
                        <label class="col-lg-3 control-label">学年：</label>
                        <div class="col-lg-8">
                            <input type="number" class="form-control" value="@Model.Year" name="Year" id="Year" placeholder="请输入学年" datatype="*" nullmsg="请输入学年！" errormsg="请输入学年！" min="2000" max="3000" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label">状态：</label>
                        <div class="col-lg-8">
                            @Html.DropDownListFor(p => p.State, ViewBag.States as IEnumerable<SelectListItem>, new { @class = "form-control select2", @id = "State", @placeholder = "请输入状态", @datatype = "*", @nullmsg = "请输入状态！", @errormsg = "请输入状态！" })
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label">项目：</label>
                        <div class="col-lg-8">
                            <input type="hidden" name="RaceProjectName" id="RaceProjectName" value="@Model.RaceProject" />
                            @Html.DropDownListFor(p => p.RaceProjectID, ViewBag.Projects as IEnumerable<SelectListItem>, new { @class = "form-control select2", @id = "RaceProject", @placeholder = "请输入项目", @datatype = "*", @nullmsg = "请输入项目！", @errormsg = "请输入项目！" })
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label">赛事开始时间：</label>
                        <div class="col-lg-8">
                            <div class='input-group date datetimepicker'>
                                <input type='text' class="form-control" name="EventStartTime" id="EventStartTime" value="@Model.EventStartTime" placeholder="请输入赛事时间" datatype="*" nullmsg="请输入赛事时间！" errormsg="请输入赛事时间！" readonly="readonly" />
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>
                    </div>
                    @*<div class="form-group">
            <label class="col-lg-3 control-label">赛事结束时间：</label>
            <div class="col-lg-8">
                @Html.TextBoxFor(p => p.EventEndTime, new { @class = "form-control", @id = "EventEndTime", @placeholder = "请输入赛事时间", @datatype = "*", @nullmsg = "请输入赛事时间！", @errormsg = "请输入赛事时间！" })
            </div>
        </div>*@
                    <div class="form-group">
                        <label class="col-lg-3 control-label">赛事结束时间：</label>
                        <div class="col-lg-8">
                            <div class='input-group date datetimepicker'>
                                <input type='text' class="form-control" name="EventEndTime" id="EventEndTime" value="@Model.EventEndTime" placeholder="请输入赛事时间" datatype="*" nullmsg="请输入赛事时间！" errormsg="请输入赛事时间！" readonly="readonly" />
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar"></span>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label">赛事地址：</label>
                        <div class="col-lg-8">
                            @Html.TextBoxFor(p => p.EventAddress, new { @class = "form-control", @id = "EventAddress", @placeholder = "请输入赛事地址", @datatype = "*", @nullmsg = "请输入赛事地址！", @errormsg = "请输入赛事地址！" })
                        </div>
                    </div>
                    @*<div class="form-group">
            <label class="col-lg-3 control-label">赛事项目：</label>
            <div class="col-lg-8">
            </div>
        </div>*@
                    @*<div class="form-group">
            <label class="col-lg-3 control-label">比赛编码：</label>
            <div class="col-lg-8">
                @Html.DropDownListFor(p => p.MatchCode, ViewBag.MatchCodes as IEnumerable<SelectListItem>, new { @class = "form-control select2", @id = "MatchCode", @placeholder = "请输入比赛编码", @datatype = "*", @nullmsg = "请输入比赛编码！", @errormsg = "请输入比赛编码！" })
            </div>
        </div>*@
                    <div class="form-group">
                        <label class="col-lg-3 control-label">注意事项：</label>
                        <div class="col-lg-8">
                            @Html.TextAreaFor(p => p.Precautions, new { @class = "form-control", @id = "Precautions" })
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label">每人限项：</label>
                        <div class="col-lg-8">
                            <input type="number" class="form-control" value="@Model.PersonLimit" name="PersonLimit" id="PersonLimit" placeholder="请输入每人限项" datatype="*" nullmsg="请输每人限项！" errormsg="请输入每人限项！" min="1" max="10000" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label">总人数限：</label>
                        <div class="col-lg-8">
                            <input type="number" class="form-control" value="@Model.LimitTotal" name="LimitTotal" id="LimitTotal" placeholder="请输入总人数限" datatype="*" nullmsg="请输入总人数限！" errormsg="请输入总人数限！" min="1" max="10000" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label">男子限报：</label>
                        <div class="col-lg-8">
                            <input type="number" class="form-control" value="@Model.BoysLimited" name="BoysLimited" id="BoysLimited" placeholder="请输入男子限报" datatype="*" nullmsg="请输入男子限报！" errormsg="请输入男子限报！" min="0" max="10000" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label">女子限报：</label>
                        <div class="col-lg-8">
                            <input type="number" class="form-control" value="@Model.GirlsLimited" name="GirlsLimited" id="GirlsLimited" placeholder="请输入女子限报" datatype="*" nullmsg="请输入女子限报！" errormsg="请输入女子限报！" min="0" max="10000" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-3 control-label">教练员限报数：</label>
                        <div class="col-lg-8">
                            <input type="number" class="form-control" value="@Model.CoachLimited" name="CoachLimited" id="CoachLimited" placeholder="请输入教练员限报数" datatype="*" nullmsg="请输入教练员限报数！" errormsg="请输入教练员限报数！" min="1" max="10000" />
                        </div>
                    </div>

                    
                    <div class="hr-line-dashed">
                        <div class="form-group m20">
                            <div class="col-sm-6 col-sm-offset-2">
                                <button class="btn btn-primary btn-save" type="submit"><i class="fa fa-check"></i> <span>确定保存</span></button>
                                <button class="btn btn-warning" id="btn-dig-close" type="button"><i class="im-undo2"></i> 取消返回</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
}
@section scripts{

    <script type="text/javascript">

        $(function () {

            $('.datetimepicker').datetimepicker({
                format: 'YYYY-MM-DD',
                locale: moment.locale('zh-cn'),
                ignoreReadonly: true,
                showClose: true,
                showClear: true
            });

            $('.form-horizontal').initValidform();

            $('.select2').select2();


            $("#RaceProject").change(function () {
                var ddl = document.getElementById("RaceProject")
                var index = ddl.selectedIndex;
                var Value = ddl.options[index].value;
                var Text = ddl.options[index].text;
                var input = document.getElementsByName("RaceProjectName");
                input[0].value = Text;
               // $("#RaceProjectId").val($("#RaceProject").val());
                
            });

            SubAjax.BeforeSubmit = function () {
                //var ddl = document.getElementById("RaceProject")
                //var index = ddl.selectedIndex;
                //var Value = ddl.options[index].value;
                //var Text = ddl.options[index].text;
                //var input = document.getElementsByName("RaceProjectId");
                //input[0].value = Value;
                //$("#RaceProjectId").val($("#RaceProject").val());
                //alert(Value); alert(Text);
                //alert($("#RaceProjectId").val());
            }
        });

    </script>

}