@model AMESCoreStudio.Web.ViewModels.PCS.PCS004CViewModel


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

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

<div class="layui-card">
    <form enctype="multipart/form-data" method="post" asp-action="PCS004C" class="layui-form">
        <div asp-validation-summary="ModelOnly" class="text-danger"></div>
        <input type="hidden" asp-for="WipInfo.WipID" />
        <input type="hidden" asp-for="WipInfo.UnitNO" />
        <fieldset class="layui-elem-field layui-field-title">
            <legend>基本資料</legend>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label asp-for="WipInfo.WipNO" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="WipInfo.WipNO" class="layui-input" autocomplete="off" readonly="readonly" />
                        <span asp-validation-for="WipInfo.WipNO" class="layui-bg-red"></span>
                    </div>
                    <label asp-for="WipInfo.LineID" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <select asp-for="WipInfo.LineID" asp-items="@ViewBag.LineInfoList" class="" disabled></select>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label asp-for="WipInfo.PlanQTY" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="WipInfo.PlanQTY" class="layui-input" autocomplete="off" readonly="readonly" />

                    </div>
                    <label class="layui-form-label">完成數量</label>
                    <div class="layui-input-inline">
                        <input class="layui-input" autocomplete="off" readonly="readonly" />
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label asp-for="WipInfo.FlowRuleID" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <select asp-for="WipInfo.FlowRuleID" asp-items="@ViewBag.FlowRuleList" disabled class=""></select>
                    </div>
                    <label asp-for="WipInfo.StatusNO" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="WipInfo.StatusNO" class="layui-input" readonly="readonly" />
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label asp-for="WipInfo.OrderNO" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="WipInfo.OrderNO" class="layui-input" readonly="readonly" />
                    </div>
                    <label asp-for="WipInfo.WipSEQ" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="WipInfo.WipSEQ" class="layui-input" readonly="readonly" />
                    </div>
                </div>
            </div>


            <div class="layui-form-item">
                <div class="layui-inline">
                    <label asp-for="WipInfo.CNO" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="WipInfo.CNO" class="layui-input" readonly="readonly" />
                    </div>
                    <label asp-for="WipInfo.BoxCNT" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="WipInfo.BoxCNT" class="layui-input" readonly="readonly" />
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label asp-for="WipAtt.ItemNO" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="WipAtt.ItemNO" class="layui-input" readonly="readonly" />
                    </div>
                    <label asp-for="WipAtt.ModelNO" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="WipAtt.ModelNO" class="layui-input" readonly="readonly" />
                    </div>
                </div>
            </div>


            <div class="layui-form-item">
                <div class="layui-inline">
                    <label asp-for="WipAtt.ECN" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="WipAtt.ECN" class="layui-input" readonly="readonly" />
                    </div>
                    <label asp-for="WipInfo.WipType" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="WipInfo.WipType" class="layui-input" readonly="readonly" />
                    </div>
                </div>
            </div>
        </fieldset>

        <fieldset class="layui-elem-field layui-field-title">
            <legend>出貨條碼資料</legend>
            <table id="MydataTable" class="layui-table" style="width:50%">
                @{ int i = 0;}
                <thead>
                    <tr>
                        <th>
                            起始出貨條碼
                        </th>

                        <th>
                            結束出貨條碼
                        </th>
                        <th>

                        </th>
                    </tr>
                </thead>
                <tbody>
                    @if (Model.WipBarcodeOthers != null)
                    {
                        <tr>
                            <td>
                                <input type="text" class="layui-input" asp-for="@Model.WipBarcodeOther.StartNO" readonly="readonly" />

                            </td>
                            <td>
                                <input type="text" class="layui-input" asp-for="@Model.WipBarcodeOther.EndNO" readonly="readonly" />

                            </td>
                            <td>
                                <a class="layui-btn layui-btn-danger layui-btn-xs layui-icon layui-icon-delete" onclick="Remove(this, '@Model.WipBarcodeOther.StartNO', '@Model.WipBarcodeOther.EndNO');">刪除</a>
                            </td>
                        </tr>
                    }
                </tbody>
            </table>
        </fieldset>

        <fieldset class="layui-elem-field layui-field-title">
            <legend>新增出貨條碼</legend>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label asp-for="WipBarcode.StartNO" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="WipBarcode.StartNO" class="layui-input" />
                        @*<span asp-validation-for="WipBarcode.StartNO" class="layui-bg-red"></span>*@
                    </div>
                    <label asp-for="WipBarcode.EndNO" class="layui-form-label"></label>
                    <div class="layui-input-inline">
                        <input asp-for="WipBarcode.EndNO" class="layui-input" />
                        @*<span asp-validation-for="WipBarcode.EndNO" class="layui-bg-red"></span>*@
                    </div>
                </div>
            </div>

            @*<div class="layui-form-item">
                <label class="layui-form-label">既有條碼綁定內部條碼</label>
                <div class="layui-input-inline" style="width:220px">
                    <input type="radio" name="Type" value="SN" title="內部條碼" checked>
                    <input type="radio" name="Type" value="SSN" title="出貨條碼">
                </div>
                <div class="layui-input-inline">
                    <input asp-for="BarcodeNo" class="layui-input" />
                </div>
            </div>*@
        </fieldset>

        <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 id="InsertBarCode" type="submit" value="新增" class="layui-btn" />
            </div>
        </div>
    </form>
</div>

@section Scripts {
    <script type="text/javascript">
        layui.use(['form'], function () {
            var form = layui.form;
        });

        // Table 刪除
        function Remove(button,StrNo,EndNo) {
            hg.confirm("起始出貨條碼:" + StrNo + ",結束出貨條碼:" + EndNo + ",確定要删除嗎?", function () {

                  $.ajax({
                        url: '@Url.Action("PCS004D", "PCS")',
                        dataType:'json',
                      data: { "WipNo": $("#WipInfo_WipNO").val(), "StrNo": StrNo, "EndNo": EndNo},
                        cache: false,
                        type: "POST",
                        success: function (data) {
                          if (data.success) {
                              hg.msg("删除成功!");
                              var row = $(button).closest("TR");
                              var table = $("#MydataTable")[0];
                              table.deleteRow(row[0].rowIndex);
                          }

                        },
                        error: function (jqXHR, textStatus, errorThrown) {
                            hg.msg("Found error when using Ajax!!");
                        }
                        });
            });
        };

    $(document).ready(function () {
        var error = '@Html.ValidationMessage("error")';
        if ($(error).text() != '') {
            parent.hg.msg(error);
        }
            //关闭弹出层
        if ('@ViewBag.Msg' != '') {
        //hg.close();
        hg.msg('@ViewBag.Msg');
        }
    });
    </script>


}