@model AMESCoreStudio.WebApi.Models.AMES.MaterialSop


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

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

<div class="layui-card">
    <div class="col-sm-12">
        <form enctype="multipart/form-data" method="post" asp-action="PCS030" class="layui-form">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <input type="hidden" asp-for="MaterialSopID" />

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label asp-for="ItemNo" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="ItemNo" class="layui-input" placeholder="請輸入料號" readonly/>
                        <span asp-validation-for="ItemNo" class="layui-bg-red"></span>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <label asp-for="UnitNo" class="layui-form-label"></label>
                <div class="layui-input-inline">
                    <select lay-filter="unit" asp-for="UnitNo" asp-items="@ViewBag.FactoryUnitList" class=""></select>
                </div>
                <input id="unitNo" type="hidden" name="unitNo" value="0" />
            </div>

            <div class="layui-form-item">
                <label asp-for="SopName" class="layui-form-label"></label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" asp-for="SopName">
                    <span asp-validation-for="SopName" class="layui-bg-red"></span>
                </div>
            </div>

            <div class="layui-form-item">
                <label asp-for="SopPath" class="layui-form-label"></label>
                <div class="layui-input-block">
                    <input type="text" class="layui-input" asp-for="SopPath">
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label asp-for="SopType" class="layui-form-label"></label>
                    <div class="layui-input-block">
                        <select id="type" lay-filter="type" asp-for="SopType" asp-items="@ViewBag.GetSOPTypeSelect" class=""></select>
                    </div>
                </div>
            </div>

            <span style="color: firebrick;word-break: break-all;" class="text-danger offset-sm-3">@Html.ValidationMessage("error")</span>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <input type="submit" value="保存" class="layui-btn" />
                </div>
            </div>
        </form>
    </div>
</div>
@section Scripts {
    @{ await Html.RenderPartialAsync("_ValidationScriptsPartial");
        await Html.RenderPartialAsync("_FileinputScriptsPartial"); }

    <script type="text/javascript">
        layui.use(['form'], function () {
            form = layui.form;
            form.on('select(type)', function (data) {
                if (data.value == "B") {
                    $("#SopName").val("PE線上技轉");
                }
            });
        });
    $(document).ready(function () {
        var error = '@Html.ValidationMessage("error")';
        if ($(error).text() != '') {
            parent.hg.msg(error);
        }
    });
    </script>
}