@model AMESCoreStudio.WebApi.Models.AMES.SolderPasteSerial

@{
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}

<div class="layui-card">
    <div class="layui-card-body">
        <div class="layui-row">
            <div class="layui-col-md10 layui-col-md-offset1">
                <form enctype="multipart/form-data" method="post" asp-action="PCB020" class="layui-form" id="myForm">
                    <input type="hidden" name="ActionType" value="Add" />
                    <div asp-validation-summary="ModelOnly" class="text-danger"></div>

                    <div class="layui-form-item">
                        <label class="layui-form-label" style="width:120px; white-space:nowrap;">代碼(錫膏前兩碼)</label>
                        <div class="layui-input-block" style="margin-left:150px">
                            <input asp-for="SerialNo" class="layui-input" autocomplete="off" placeholder="請輸入代碼(2碼大寫)" required maxlength="2" style="text-transform:uppercase;" oninput="this.value = this.value.toUpperCase()" />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" style="width:120px; white-space:nowrap;">規格</label>
                        <div class="layui-input-block" style="margin-left:150px">
                            <input asp-for="Description" class="layui-input" autocomplete="off" placeholder="請輸入規格" required />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" style="width:120px; white-space:nowrap;">合金</label>
                        <div class="layui-input-block" style="margin-left:150px">
                            <input asp-for="Alloy" class="layui-input" autocomplete="off" placeholder="請輸入合金" required />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" style="width:120px; white-space:nowrap;">廠商</label>
                        <div class="layui-input-block" style="margin-left:150px">
                            <input asp-for="Vendor" class="layui-input" autocomplete="off" placeholder="請輸入廠商" required />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" style="width:120px; white-space:nowrap;">種類</label>
                        <div class="layui-input-block" style="margin-left:150px">
                            <input asp-for="Type" class="layui-input" autocomplete="off" placeholder="請輸入種類" required />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-col-md12" style="text-align:center">
                            <input type="submit" value="儲存" class="layui-btn" lay-filter="submitBtn" lay-submit />
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@section Scripts {
    @{
        await Html.RenderPartialAsync("_ValidationScriptsPartial");
    }
    <script type="text/javascript">
        layui.use(['form'], function () {
            var form = layui.form;
            form.on('submit(submitBtn)', function (data) {
                $('#myForm').validate().form();
                if ($('#myForm').valid()) {
                    var submitButton = $('input[type="submit"][lay-filter="submitBtn"]');
                    submitButton.addClass('layui-btn-disabled');
                    submitButton.attr('disabled', 'disabled');
                    $.ajax({
                        type: "POST",
                        url: "@Url.Action("PCB020","PCB")",
                        data: $('#myForm').serialize(),
                        success: function (response) {
                            if (response.success) {
                                hg.close();
                                hg.msg(response.msg);
                                parent.table && parent.table.reload();
                            } else {
                                hg.msg(response.msg);
                            }
                        },
                        complete: function () {
                            submitButton.removeClass('layui-btn-disabled');
                            submitButton.removeAttr('disabled');
                        }
                    });
                }
            });
        });
    </script>
}