@model AMESCoreStudio.WebApi.Models.AMES.ExceptionCode


@{ ViewData["Title"] = "WHS015U";
    Layout = "~/Views/Shared/_FormLayout.cshtml"; }


<style>
    .control-label {
        justify-content: flex-end !important;
    }
</style>

<div class="row">
    <div class="col-sm-12">
        <form enctype="multipart/form-data" method="post" asp-action="WHS015USave">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <input type="hidden" asp-for="CreateUserID" />
            <input type="hidden" asp-for="UpdateUserID" value="0" />
            <input type="hidden" asp-for="CreateDate" >
            <input type="hidden" asp-for="UpdateDate" value="@System.DateTime.Now" />
            <input type="hidden" asp-for="Status"  />

            <div class="form-group form-inline my-sm-1">
                <label class="control-label col-sm-3">歸屬類別</label>
                <select id="ExceptionType"  value ="@ViewBag.ExceptionGroupNo" class="custom-select col-sm-9">
                    <option value="I">內部</option>
                    <option value="O">外部</option>
                </select>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="ExceptionClassNo" class="control-label col-sm-3"></label>
                <select id="ExceptionClass" asp-for="ExceptionClassNo" asp-items="@ViewBag.ExceptionClasses" class="custom-select col-sm-9">
                    <option value="">請選擇</option>
                </select>
                <span asp-validation-for="ExceptionClassNo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="ExceptionNo" class="control-label col-sm-3"></label>
                <input asp-for="ExceptionNo" class="form-control col-sm-9" readonly />
                <span asp-validation-for="ExceptionNo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="ExceptionDescCH" class="control-label col-sm-3"></label>
                <input asp-for="ExceptionDescCH" class="form-control col-sm-9" />
                <span asp-validation-for="ExceptionDescCH" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="ExceptionDescEN" class="control-label col-sm-3"></label>
                <input asp-for="ExceptionDescEN" class="form-control col-sm-9" />
                <span asp-validation-for="ExceptionDescEN" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="Memo" class="control-label col-sm-3"></label>
                <input asp-for="Memo" class="form-control col-sm-9" />
                <span asp-validation-for="Memo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <span style="color: firebrick;word-break: break-all;" class="text-danger offset-sm-3">@Html.ValidationMessage("error")</span>
            <div class="form-group">
                <input type="submit" value="儲存" class="btn btn-primary offset-sm-3" />
            </div>

        </form>
    </div>
</div>

@section Scripts {
    @{ await Html.RenderPartialAsync("_ValidationScriptsPartial");
        await Html.RenderPartialAsync("_FileinputScriptsPartial"); }

    <script type="text/javascript">
        $(document).ready(function () {
            var error = '@Html.ValidationMessage("error")';
            if ($(error).text() != '') {
                parent.hg.msg(error);
            }
        });
        $("#ExceptionType").change(function () {
            var data = $("#ExceptionType").val();
            getExceptionClassByType(data);
        });
        function getExceptionClassByType(data) {
            $.ajax({
                url: "/WHS/GetExceptionClasses",
                dataType: 'json',
                //data: { id: data },
                contentType: "application/json",
                type: 'get',
                success: function (result) {
                    if (result.data) {
                        $("#ExceptionClass").empty();
                        var count = 0;
                        $.each(result.data, function (index, item) {
                            if (item.exceptionGroupNo == data) {//修改等號 EXCEPTION_GROUP_NO
                                $('#ExceptionClass').append(new Option(item.exceptionClassName, item.exceptionClassNo));//修改參數
                                count = count + 1;
                            }
                        });
                        if (count == 0) {
                            $("#ExceptionClass").empty();
                            $('#ExceptionClass').append(new Option("無選項", ""));

                        }
                    }
                    else {
                        $("#ExceptionClass").empty();
                        $('#ExceptionClass').append(new Option("無選項", ""));
                    }
                    layui.form.render("select");
                }
            });
        };
        function getExceptionClass() {
            $.ajax({
                url: "/WHS/GetExceptionClasses",
                dataType: 'json',
                //data: { id: data },
                contentType: "application/json",
                type: 'get',
                success: function (result) {
                    if (result.data) {
                        $("#ExceptionClass").empty();
                        $.each(result.data, function (index, item) {
                            $('#ExceptionClass').append(new Option(item.exceptionClassName, item.exceptionClassNo));//修改參數
                        });
                    }
                    else {
                        $("#ExceptionClass").empty();
                        $('#ExceptionClass').append(new Option("無選項", ""));
                    }
                    layui.form.render("select");
                }
            });
        };
    </script>


}