@model AMESCoreStudio.Web.ViewModels.PCS.PCS041CViewModel

@{
    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="" class="layui-form">
        <div asp-validation-summary="ModelOnly" class="text-danger"></div>
        @*<fieldset class="layui-elem-field layui-field-title">
        *@
        <div class="layui-form-item">
            <div class="layui-inline">

                <label class="layui-form-label">料號:</label>
                <div class="layui-input-inline">
                    <input id="material" name="material" class="layui-input" asp-for="Material" readonly placeholder="請輸入料號">
                </div>

                <label class="layui-form-label">站別:</label>
                <div class="layui-input-inline" style="width:150px">
                    <select id="Station" lay-filter="unit" name="Station" asp-for="Station" lay-submit disabled asp-items="@ViewBag.GetStationList">
                    </select>
                    @*<input id="unitNo" type="hidden" name="unitNo" value="@ViewBag.UnitNo" />*@
                </div>

                <label class="layui-form-label">產品類型:</label>
                <div class="layui-input-inline">
                    <select name="TypeID" id="TypeID" asp-for="TypeID" class="custom-select col-sm-2" disabled>
                        <option value="0">全部</option>
                        <option value="1">單板</option>
                        <option value="2">系統</option>
                        <option value="3">醫療</option>
                    </select>
                </div>

                <label class="layui-form-label">廠別:</label>
                <div class="layui-input-inline">
                    <select name="FactoryID" id="FactoryID" asp-for="FactoryID" disabled class="custom-select col-sm-2">
                        <option value="1">安勤</option>
                    </select>
                </div>

            </div>
            <label class="layui-form-label">問題描述:</label>
            <textarea id="description" name="description" class="layui-textarea" placeholder="請輸入問題描述" asp-for="Description" readonly></textarea>
            @*<label class="layui-form-label">生產注意事項說明:</label>
                <textarea id="processDescription" name="processDescription" class="layui-textarea" placeholder="請輸入生產注意事項說明"></textarea>*@
        </div>
        @*
            </div>*@
        @*</fieldset>*@

        @foreach (var index in Model.Images)
        {
                <span id="Description" style="font-size:24px;color:red">說明:@index.Description</span>
                <img src="@($"../../{index.FilePath}{index.Filename}")" style="width: 100vw;">
        }

        <input id="PPID" asp-for="PPID" type="hidden" value="@Model.PPID" />
    </form>
</div>

@section Scripts {
    <script type="text/javascript">
        layui.use(['form'], function () {
            var form = layui.form;
            // 设置下拉框为只读
            form.on('select(yourSelect)', function (data) {
                $(data.elem).attr('disabled', true);
            });
            form.render();
            $('select[name=FactoryID]').attr("disabled", "disabled");
            $('select[name=TypeID]').attr("disabled", "disabled");
            $('select[name=FactoryID]').attr("disabled", "disabled");
        });
    </script>
}