@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.WipBarcodes != null)
                    {
                    @foreach (var index in Model.WipBarcodes)
                    {
                        <tr>
                            <td>
                                <input type="text" class="layui-input" asp-for="@index.StartNO" name="WipBarcodes[@i].StartNO" readonly="readonly" />

                            </td>
                            <td>
                                <input type="text" class="layui-input" asp-for="@index.EndNO" name="WipBarcodes[@i].EndNO" readonly="readonly" />

                            </td>
                            <td>
                                <a class="layui-btn layui-btn-danger layui-btn-xs layui-icon layui-icon-delete" onclick="Remove(this, '@index.StartNO', '@index.EndNO');">刪除</a>
                            </td>
                        </tr>
                        i++;
                    }
                    }
                </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>


}