package config

import (
    "context"
    "time"

    "management/internal/erpserver/templ/base"
	"management/internal/pkg/mid"
	"management/internal/erpserver/templ/component"
	"management/internal/erpserver/model/view"
)

templ Edit(ctx context.Context, item *view.EditSysConfig) {
    @base.Base(ctx, editCss(), editJs(ctx, item)) {
        {{ meuns := mid.GetCurMenus(ctx) }}
        {{ ht := mid.GetHtmlCsrfToken(ctx) }}

        <div class="layui-body layui-bg-gray">
            <div class="layui-card">
                <form class="layui-form">
                    @ht
                    <input type="hidden" id="ID" name="ID" value={ item.ID } />

                    <div class="layui-tab layui-tab-card">
                        <ul class="layui-tab-title">
                            <li class="layui-this">基础信息</li>
                            <li>其它</li>
                        </ul>

                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">
                                if item.ID > 0 {
                                <div class="layui-form-item">
                                    <div class="layui-form-label">ID</div>
                                    <div class="layui-form-label" style="width:400px;text-align:left;">
                                        { item.ID }
                                    </div>
                                </div>
                                }
                                <div class="layui-form-item">
                                    <label for="Key" class="layui-form-label">键</label>
                                    <div class="layui-input-inline">
                                        <input type="text" id="Key" name="Key" value={ item.Key } lay-verify="required"
                                            autocomplete="off" placeholder="请输入存储键" class="layui-input" />
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label for="Value" class="layui-form-label">值</label>
                                    <div class="layui-input-inline">
                                        <textarea id="Value" name="Value" style="width: 500px;height: 400px;" placeholder="请输入存储值"
                                            class="layui-textarea" lay-verify="required">{ item.Result }</textarea>
                                    </div>
                                </div>
                            </div>

                            <div class="layui-tab-item">
                                if item.ID > 0 {
                                <div class="layui-form-item">
                                    <div class="layui-form-label">创建时间</div>
                                    <div class="layui-form-label" style="width:400px;text-align:left;">
                                        { item.CreatedAt.Format(time.DateTime) }
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-form-label">更新时间</div>
                                    <div class="layui-form-label" style="width:400px;text-align:left;">
                                        { item.UpdatedAt.Format(time.DateTime) }
                                    </div>
                                </div>
                                }
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item layui-fixbar btn-fixbar-box">
                        <div class="layui-input-block">
                            @component.SubmitBtn(meuns, "save")
                            <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" lay-on="close">
                                <i class="layui-icon layui-icon-close"></i>关闭
                            </button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    }
}

templ editCss() {
    <style>
        .layui-body {
            padding: 15px;
            left: 0;
        }
    </style>
}

templ editJs(ctx context.Context, item *view.EditSysConfig) {
    <script>
        layui.use(['jquery', 'form', 'util'], function () {
            let $ = layui.jquery;
            let form = layui.form;
            let util = layui.util;

            // 事件绑定
            util.on("lay-on", {
                "close": function () {
                    window.parent.layer.close(parent.layer.getFrameIndex(window.name));
                }
            });

            // 表单提交
            form.on('submit(save)', function (data) {
                $.ajax({
                    url: '/system/config/save',
                    type: 'post',
                    dataType: 'json',
                    data: data.field,
                    success: function (result) {
                        if (result.success) {
                            layer.msg(result.msg, { icon: 1, time: 1000 }, function () {
                                parent.layer.close(parent.layer.getFrameIndex(window.name)); // 关闭当前页
                                parent.layui.table.reload("tablelist", {
                                    page: { curr: 1 },
                                });
                            });
                        } else {
                            parent.layer.msg(result.msg, { icon: 2 })
                        }
                    }
                });

                return false;
            });
        });
    </script>
}