{extend name="layout:home" /}
{block name="container"}
<div class="layui-tab layui-tab-card">
    <div class="layui-layer-shade recharge-layui-layer-shade4" id="layui-layer-shade4" times="4" style="display: none;"></div>
    <div style="display: none;" class="layui-layer layui-layer-dialog recharge-layui-layer2" id="layui-layer3" type="dialog" times="2" showtime="0" contype="string">
        <div id="layui-layer-content2" class="layui-layer-content"></div>
        <span class="layui-layer-setwin" onclick="hiddenTips2()"><a class="layui-layer-ico layui-layer-close layui-layer-close2"
                                                                    href="javascript:;"></a></span>
        <div class="layui-layer-btn layui-layer-btn-" onclick="hiddenTips2()"><a class="layui-layer-btn0">确定</a></div>
        <span class="layui-layer-resize"></span>
    </div>
    <div style="display: none; height: 250px;" class="layui-layer layui-layer-dialog recharge-layui-layer2" id="layui-layer2" type="dialog" times="2" showtime="0" contype="string">
        <div class="layui-tab">
            <div class="layui-tab-content page-tab-content">
                <div class="layui-tab-item layui-show" style="width: 300px; height: 150px">
                    <input name="renewal_identity" id="renewal_identity" style="display: none">
                    <div class="layui-form-item">
                        <label class="layui-form-label">描述</label>
                        <div class="layui-input-block">
                            <input type="text" class="layui-input field-name" name="renewal_name" id="renewal_name" autocomplete="off" placeholder="请输入描述" required />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">服务期限</label>
                        <div class="layui-input-block">
                            <input type="text" class="layui-input field-name" name="renewal_day" id="renewal_day" autocomplete="off" placeholder="请输入服务期限" required />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">状态</label>
                        <div class="layui-inline">
                            <select style="width: 90px;" name="type" id="status" lay-verify="" class="layui-select layui-unselect layui-form-select">
                                <option value="1">启用</option>
                                <option value="0">停用</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-form-item" style="margin-top: 20px">
                        <div class="layui-input-block">
                            <input type="submit" class="layui-btn layui-btn-normal" lay-submit onclick="submit()"
                                   value="确认"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <span class="layui-layer-setwin" onclick="hiddenTips()">
            <a class="layui-layer-ico layui-layer-close layui-layer-close2" href="javascript:;"></a>
        </span>
        <span class="layui-layer-resize"></span>
    </div>
    <div class="layui-tab-content page-tab-content">
        <table class="layui-table lay-even">
            <colgroup>
                <col width="150">
                <col width="200">
                <col>
            </colgroup>
            <thead>
            <tr>
                <th>ID</th>
                <th>描述</th>
                <th>服务期限</th>
                <th>状态</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            {if count($renewal)}
            {volist name="renewal" id="value"}
            <tr>
                <td>{$value.renewal_identity}</td>
                <td>{$value.renewal_name}</td>
                <td>{$value.renewal_day}</td>
                <td>{$value.renewal_status == 1 ? '启用' : '下线'}</td>
                <td style="width: 150px">
                    <a onclick="getForm({$value.renewal_identity}, '{$value.renewal_name}', '{$value.renewal_day}')" class="layui-btn layui-btn-xs"><i class="layui-icon layui-icon-edit"></i>{$Think.lang.ds_edit}</a>
                </td>
            </tr>
            {/volist}
            {else}
            <td colspan="99" style="text-align: center">无数据</td>
            {/if}
            </tbody>
        </table>
    </div>
</div>
<script>
    const myHost = "http://" + window.location.host;
    function getForm(renewal_identity, renewal_name, renewal_day) {
        $("#renewal_identity").val(renewal_identity);
        if (renewal_name) {
            $("#renewal_name").val(renewal_name);
        }
        if (renewal_day) {
            $("#renewal_day").val(renewal_day);
        }
        $("#layui-layer2").attr("style","display: block; height: 250px;")
        $("#layui-layer-shade4").attr("style","display: block")
    }
    function hiddenTips() {
        $("#layui-layer2").attr("style","display: none; height: 250px;")
        $("#layui-layer-shade4").attr("style","display: none")
    }
    function hiddenTips2() {
        $("#layui-layer3").attr("style","display: none")
        $("#layui-layer-shade4").attr("style","display: none")
        window.location.href = myHost + "/Admin/Server/renewalList.html";
    }
    function submit() {
        let url = myHost + "/Admin/Server/renewalEdit.html";
        let renewal_name = $("#renewal_name").val();
        let status = $("#status").val();
        let renewal_identity = $("#renewal_identity").val();
        let renewal_day = $("#renewal_day").val();
        hiddenTips();
        $.ajax({
            type: "post",
            url: url,
            data: {renewal_name: renewal_name, status: status, renewal_identity: renewal_identity, renewal_day: renewal_day},
            dataType: "json",
            success: function (msg) {
                $("#layui-layer-content2").html(msg['msg'])
                $("#layui-layer3").attr("style","display: block")
                $("#layui-layer-shade4").attr("style","display: block")
            },
            error: function () {
                $("#layui-layer-content2").html("错误：链接不到服务器")
                $("#layui-layer3").attr("style","display: block")
                $("#layui-layer-shade4").attr("style","display: block")
            }
        });
    }
    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#creatTime' //指定元素
        });
        laydate.render({
            elem:'#timeRang',
            range:true,
            format: 'yyyy/MM/dd',
            done: function(value, date){
                /* 时间选择完成后的回调 */
            }
        })
    });
</script>
{/block}