@model AMESCoreStudio.WebApi.Models.AMES.OutfitStatusLog


@{ ViewData["Title"] = "SPC005R";
    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="JIG005RSave">
            <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="R" />
            <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>
                <input asp-for="StatusDate" value="@ViewBag.StatusDate" type="date" class="form-control col-sm-9" readonly/>
                <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="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");
            }
        });
    };

    </script>


}