@model AMESCoreStudio.WebApi.Models.AMES.OutfitInfo


@{ ViewData["Title"] = "SPC004U";
    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="JIG004USave">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <input type="hidden" asp-for="OutfitID" />
            <input type="hidden" asp-for="CreateUserID" />
            <input type="hidden" asp-for="UpdateUserID" value="@ViewBag.UserID" />
            <input type="hidden" asp-for="CreateDate" />
            <input type="hidden" asp-for="UpdateDate" value="@System.DateTime.Now" />
            <input type="hidden" asp-for="TypeFlag" />
            <input type="hidden" asp-for="UseStatusNo" />


            <div class="form-group form-inline my-sm-1">
                <label asp-for="OutfitFactoryNo" class="control-label col-sm-3"></label>
                <select asp-for="OutfitFactoryNo" asp-items="@ViewBag.OutfitFactoryList" class="custom-select col-sm-9">
                    <option value="">請選擇</option>
                </select>
                <span asp-validation-for="OutfitFactoryNo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="CommodityID" class="control-label col-sm-3"></label>
                <select id="CommodityID" asp-for="CommodityID" asp-items="@ViewBag.TypesList" class="custom-select col-sm-9">
                    <option value="">請選擇</option>
                </select>
                <span asp-validation-for="CommodityID" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="VarietyID" class="control-label col-sm-3"></label>
                <select id="Variety" asp-for="VarietyID" asp-items="@ViewBag.VarityList" class="custom-select col-sm-9">
                    <option value="">請選擇</option>
                </select>
                <span asp-validation-for="VarietyID" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="StockQty" class="control-label col-sm-3"></label>
                <input asp-for="StockQty" class="form-control col-sm-9" />
                <span asp-validation-for="StockQty" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="QANo" class="control-label col-sm-3"></label>
                <input asp-for="QANo" class="form-control col-sm-9" readonly />  @* yiru 2022-09-19 *@
                <span asp-validation-for="QANo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="PartNo" class="control-label col-sm-3"></label>
                <input asp-for="PartNo" class="form-control col-sm-9" />
                <span asp-validation-for="PartNo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="OutfitNo" class="control-label col-sm-3"></label>
                <input asp-for="OutfitNo" class="form-control col-sm-9" readonly />  @* yiru 2022-09-19 *@
                <span asp-validation-for="OutfitNo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="VendorID" class="control-label col-sm-3"></label>
                <select asp-for="VendorID" asp-items="@ViewBag.VendorList" class="custom-select col-sm-9">
                    <option value="">請選擇</option>
                </select>
                <span asp-validation-for="VendorID" class="text-danger offset-sm-3 my-sm-1"></span>  @* yiru 2022-10-11 *@
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="ModelNo" class="control-label col-sm-3"></label>
                <input asp-for="ModelNo" class="form-control col-sm-9" />
                <span asp-validation-for="ModelNo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="BarcodeNo" class="control-label col-sm-3"></label>
                <input asp-for="BarcodeNo" class="form-control col-sm-9" />
                <span asp-validation-for="BarcodeNo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="PuchaseDate" class="control-label col-sm-3"></label>
                <input asp-for="PuchaseDate" type="date" class="form-control col-sm-9" />
                <span asp-validation-for="PuchaseDate" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="QualityDate" class="control-label col-sm-3"></label>
                <input asp-for="QualityDate" type="date" class="form-control col-sm-9" />
                <span asp-validation-for="QualityDate" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="UnitPrice" class="control-label col-sm-3"></label>
                <input asp-for="UnitPrice" class="form-control col-sm-9" />
                <span asp-validation-for="UnitPrice" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="CustodianDept" class="control-label col-sm-3"></label>
                <input asp-for="CustodianDept" class="form-control col-sm-9" />
                <span asp-validation-for="CustodianDept" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="CustodianName" class="control-label col-sm-3"></label>
                <input asp-for="CustodianName" class="form-control col-sm-9" />
                <span asp-validation-for="CustodianName" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="AreaNo" class="control-label col-sm-3"></label>
                <input asp-for="AreaNo" class="form-control col-sm-9" />
                <span asp-validation-for="AreaNo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="LocationNo" class="control-label col-sm-3"></label>
                <input asp-for="LocationNo" class="form-control col-sm-9" />
                <span asp-validation-for="LocationNo" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            @*<div class="form-group form-inline my-sm-1">
            <label asp-for="CheckDate" class="control-label col-sm-3"></label>
            <input asp-for="CheckDate" type="date" class="form-control col-sm-9" />
            <span asp-validation-for="CheckDate" class="text-danger offset-sm-3 my-sm-1"></span>
        </div>
        <div class="form-group form-inline my-sm-1">
            <label asp-for="NextDate" class="control-label col-sm-3"></label>
            <input asp-for="NextDate" type="date" class="form-control col-sm-9" />
            <span asp-validation-for="NextDate" 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>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="Master" class="control-label col-sm-3"></label>
                <select asp-for="Master" class="custom-select col-sm-9">
                    <option value="Y">是</option>
                    <option value="N">否</option>
                </select>
                <span asp-validation-for="Master" class="text-danger offset-sm-3 my-sm-1"></span>
            </div>
            <div class="form-group form-inline my-sm-1">
                <label asp-for="StatusNo" class="control-label col-sm-3"></label>
                <select asp-for="StatusNo" class="custom-select col-sm-9">
                    <option value="A">可用</option>
                    <option value="S">停用</option>
                </select>
                <span asp-validation-for="StatusNo" 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);
                }
            });


                $("#CommodityID").change(function () {
                    var data = $("#CommodityID").val();
                getVarityByCommodityID(data);
            });
            function getVarityByCommodityID(data) {
                $.ajax({
                    url: "/JIG/GetOutfitVarityInfoesByQuery?TypeFlag=*&CommodityID=" + data + "&Status=A",
                    dataType: 'json',
                    //data: { id: data },
                    contentType: "application/json",
                    type: 'get',
                    success: function (result) {
                        if (result.data) {
                            $("#Variety").empty();
                            var count = 0;
                            $('#Variety').append(new Option("全部", "-99"));
                            $.each(result.data, function (index, item) {
                                $('#Variety').append(new Option(item.varityName, item.varityID));
                                count = count + 1;
                            });
                            if (count == 0) {
                                $("#Variety").empty();
                                $('#Variety').append(new Option("無選項", ""));

                            }
                        }
                        else {
                            $("#Variety").empty();
                            $('#Variety').append(new Option("無選項", ""));
                        }
                        layui.form.render("select");
                    }
                });
            };
            </script>


        }