@model AMESCoreStudio.WebApi.Models.AMES.OutfitStatusLog


@{
    ViewData["Title"] = "SPC005B";
    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="JIG005BSave">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <input type="hidden" asp-for="OutfitLogID" value="0" />
            <input type="hidden" asp-for="OutfitID" value="@ViewBag.OutfitID" />
            <input type="hidden" asp-for="CreateUserID" value="@ViewBag.UserID" />
            <input type="hidden" asp-for="CreateDate" value="@System.DateTime.Now" />
            <input type="hidden" asp-for="StatusNo" value="B" />
            <input type="hidden" asp-for="StatusQty" value="1" />


            <div class="form-group form-inline my-sm-1">
                <label class="control-label col-sm-3">管理編號</label>
                <input value="@ViewBag.QANo" class="form-control col-sm-9" readonly />
            </div>
            <div class="form-group form-inline my-sm-1">
                <label class="control-label col-sm-3">人員部門</label>
                <select id="Dept" asp-items="@ViewBag.DeptList" class="custom-select col-sm-9">
                    <option value="">請選擇</option>
                </select>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label class="control-label col-sm-3">領用人</label>
                <select id="StatusUserID" asp-for="StatusUserID" asp-items="@ViewBag.UserList" class="custom-select col-sm-9">
                    <option value="">請選擇</option>
                </select>
                <span asp-validation-for="StatusUserID" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label class="control-label col-sm-3">測試桌號</label>
                <select id="StatusUserID" asp-for="TableNo" asp-items="@ViewBag.OutfitTableNo" class="custom-select col-sm-9">
                    <option value="">請選擇</option>
                </select>
                <span asp-validation-for="StatusUserID" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label class="control-label col-sm-3">預計歸還日期</label>
                <input asp-for="StatusDate" type="date" class="form-control col-sm-9" />
                <span asp-validation-for="StatusDate" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="WipNo" class="control-label col-sm-3"></label>
                <input asp-for="WipNo" class="form-control col-sm-9" onkeypress="if( event.keyCode == 13 ) { return false; }" onchange="getItemNo(this);" />
                <span asp-validation-for="WipNo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label class="control-label col-sm-3">工程編號</label>
                <input id="ItemNo" name="ItemNo" class="form-control col-sm-9" readonly="" />
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="Remark" class="control-label col-sm-3"></label>
                <input asp-for="Remark" class="form-control col-sm-9" />
                <span asp-validation-for="Remark" 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);
            }
        });


        $("#Dept").change(function () {
            var data = $("#Dept").val();
            getUserInfoes(data);
        });
        function getUserInfoes(data) {
            $.ajax({
                url: "/SYS/GetUserInfoes",
                dataType: 'json',
                contentType: "application/json",
                type: 'get',
                success: function (result) {
                    if (result.data) {
                        $("#StatusUserID").empty();
                        $('#StatusUserID').append(new Option("請選擇", ""));
                        var count = 0;
                        $.each(result.data, function (index, item) {
                            if (item.deptID == data) {
                                $('#StatusUserID').append(new Option(item.userName, item.userID));
                                count = count + 1;
                            }
                        });
                        if (count == 0) {
                            $("#StatusUserID").empty();
                            $('#StatusUserID').append(new Option("無選項", ""));
                        }
                    }
                    else {
                        $("#StatusUserID").empty();
                        $('#StatusUserID').append(new Option("無選項", ""));
                    }
                    layui.form.render("select");
                }
            });
        };

        //工程編號
        function getItemNo(val) {
            if (val.value.length != 0) {
                $.ajax(
                    {
                        url: "@Url.Action("getItemNo", "JIG")",
                        dataType: 'json',
                        data: { "wipNo": val.value },
                        type: 'post',
                        success: function (result) {
                            $("#ItemNo").val(result.data);
                        },
                        error: function (result) {
                            alert(result);
                        }
                    });
            }
            else
            {
                $("#ItemNo").val('');
            }
        };
    </script>


}