@model AMESCoreStudio.WebApi.Models.AMES.LabelTemplateMaster


@{
    ViewData["Title"] = "Label料號參數檢視";
    Layout = "~/Views/Shared/_AMESLayout.cshtml";
}
<style>
    /*    .control-label {
                                                            justify-content: flex-end !important;
                                                        }
                                                    */



    .layui-table-cell {
        height: auto;
        overflow: visible;
        text-overflow: inherit;
        white-space: normal
    }
</style>
<form enctype="multipart/form-data" method="post" id="modelform">
    <div class="layui-card">
        <div class="layui-card-header">
            <div class="layui-form">
                <div class="layui-form-item ">
                    <div class="layui-inline"><i class="fa fa-file-text-o fa-fw"></i> @ViewBag.Title</div>
                </div>
            </div>
        </div>
        <div class="layui-card-body">
            <div class="layui-form">
                <div class="layui-form-item">
                    <div asp-validation-summary="ModelOnly" class="text-danger"></div>
                    <input type="hidden" asp-for="TEMPLATE_ID" />
                    <input type="hidden" asp-for="CREATE_USERID" />
                    <input type="hidden" asp-for="UPDATE_USERID" value="@ViewBag.UserID" />
                    <input type="hidden" asp-for="CREATE_DATE" />
                    <input type="hidden" asp-for="UPDATE_DATE" value="@System.DateTime.Now" />

                    <div class="layui-inline" style="margin-right: 5px; margin-left: 5px;">
                        <div class="layui-inline">
                            <label asp-for="LABEL_MATNR" class="layui-form-label"></label>
                            <input asp-for="LABEL_MATNR" type="text" style="width: 250px;" class="layui-input" disabled />
                            <span asp-validation-for="LABEL_MATNR" class="text-danger offset-sm-3 my-sm-1"></span>
                        </div>
                    </div>
                    <div class="layui-inline" style="margin-right: 5px; margin-left: 5px;">
                        <div class="layui-inline">
                            <label asp-for="LABEL_FILE" class="layui-form-label"></label>
                            <input asp-for="LABEL_FILE" type="text" style="width: 250px;" class="layui-input" disabled/>
                            <span asp-validation-for="LABEL_FILE" class="text-danger offset-sm-3 my-sm-1"></span>
                        </div>
                    </div>
                    <div class="layui-inline" style="margin-right: 5px; margin-left: 5px;">
                        <div class="layui-inline">
                            <label asp-for="REMARK" class="layui-form-label"></label>
                            <input asp-for="REMARK" type="text" style="width: 250px;" class="layui-input" disabled/>
                            <span asp-validation-for="REMARK" class="text-danger offset-sm-3 my-sm-1"></span>
                        </div>
                    </div>
                    <div class="layui-inline" style="margin-right: 5px; margin-left: 5px;">
                        <div class="layui-inline">
                            <label asp-for="IMAGE_NAME" class="layui-form-label"></label>
                            <input asp-for="IMAGE_NAME" type="text" style="width: 250px;" class="layui-input" disabled/>
                            <span asp-validation-for="IMAGE_NAME" class="text-danger offset-sm-3 my-sm-1"></span>
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">狀態:</label>
                        <div class="layui-input-inline" style="width:auto">
                            <input type="radio" name="Takeway" lay-filter="Takeway" value="Y" asp-for="STATUS_NO" title="上架中" checked="checked" class="layui-form-radio" disabled>
                            <div class="layui-unselect layui-form-radio layui-form-radioed">
                                <i class="layui-anim layui-icon layui-anim-scaleSpring"></i>
                                <span>上架中</span>
                            </div>
                            <input type="radio" name="Takeway" lay-filter="Takeway" value="N" asp-for="STATUS_NO" title="未上架" class="layui-form-radio" disabled>
                            <div class="layui-unselect layui-form-radio">
                                <i class="layui-anim layui-icon"></i>
                                <span>未上架</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</form>
<form id="modeltable" method="post">
    @*  <table class="layui-hide" id="test" lay-filter="test"></table>*@
    <table class="layui-hide" id="test" lay-filter="test" lay-data="{id:'test'}"></table>
</form>

@*備註*@
<script type="text/html" id="inputTest">
    <input type="text" name="inputTest" lay-filter="inputTest" id="inputTest" data-value="{{d.labeL_FIELD_ID}}" class="layui-input" style="margin-top: -10px; margin-left: -10px; margin-right: -10px; border: none;">
</script>
@section Scripts{
    <script type="text/javascript">

        layui.use(['form', 'layer', 'table', 'laytpl', 'laydate'], function () {
            var layer = layui.layer,
                $ = layui.jquery,
                form = layui.form,
                table = layui.table,
                laytpl = layui.laytpl,
                laydate = layui.laydate;

            itemslist();
            function itemslist() {
                var formID = $("#TEMPLATE_ID").val();
                table.render({
                    elem: '#test',
                    url: '/LAB/GetLabelTemplatebyMatnr?id=' + formID,
                    id: 'test',
                    //  toolbar: '#toolBar',
                    height: 720,
                    //defaultToolbar: ['filter', 'print', 'exports'],
                    //title: 'test',
                    //where: where,
                    page: false,
                    cols: [[
                        { field: 'labeL_FIELD_ID1', title: '#', width: 50, align: "left", templet: '#inputTest1' },
                        {
                            field: 'labeL_FIELD_NAME1',
                            sort: true,
                            title: '欄位名稱',
                            width: 100,
                        },
                        {
                            field: 'datA_V1',
                            width: 60,
                            title: '勾選',
                            templet: function (d) {
                                return '<input type="checkbox" name="templateCheckbox1" lay-skin="primary" lay-filter="templateCheckbox1" value="' + d.datA_V1 + '" title="" ' + (d.datA_V1 === '1' ? 'checked' : '') + '>';
                            }
                        },
                        { field: 'labeL_FIELD_ID2', title: '#', width: 50, align: "left", templet: '#inputTest2' },
                        {
                            field: 'labeL_FIELD_NAME2',
                            sort: true,
                            title: '欄位名稱',
                            width: 100,
                        },
                        {
                            field: 'datA_V2',
                            width: 60,
                            title: '勾選',
                            templet: function (d) {
                                return '<input type="checkbox" name="templateCheckbox2" lay-skin="primary" lay-filter="templateCheckbox2" value="' + d.datA_V2 + '" title="" ' + (d.datA_V2 === '1' ? 'checked' : '') + '>';
                            }
                        },
                        { field: 'labeL_FIELD_ID3', title: '#', width: 50, align: "left", templet: '#inputTest3' },
                        {
                            field: 'labeL_FIELD_NAME3',
                            sort: true,
                            title: '欄位名稱',
                            width: 100,
                        },
                        {
                            field: 'datA_V3',
                            width: 60,
                            title: '勾選',
                            templet: function (d) {
                                return '<input type="checkbox" name="templateCheckbox3" lay-skin="primary" lay-filter="templateCheckbox3" value="' + d.datA_V3 + '" title="" ' + (d.datA_V3 === '1' ? 'checked' : '') + '>';
                            }
                        },


                    ]],
                    done: function (res, curr, count) {
                        $(".layui-table-main  tr").each(function (index, val) {
                            $($(".layui-table-fixed .layui-table-body tbody tr")[index]).height($(val).height());
                        });
                        layui.each($('input[name="inputTest"]'), function (index, item) {
                            var elem = $(item);
                            elem.val(elem.data('value')).parents('div.layui-table-cell').css('overflow', 'visible');
                        });
                        layui.each($('select'), function (index, item) {
                            var elem = $(item);
                            elem.val(elem.data('value')).parents('div.layui-table-cell').css('overflow', 'visible');
                        });
                        form.render();
                    }
                });
            }
        });

    </script>
}