{extend name="Public/base" /}
{block name="main"}

<fieldset class="layui-elem-field">
    <legend>微信模板设定</legend>
    <div class="layui-field-box">

        <form action="{:U('template')}" method="post" class="layui-form" id="form-admin-add">
            <div class="layui-form-item">
              <!--  <span class="layui-btn layui-btn-normal api-add"><i class="layui-icon">&#xe608;</i> 新增</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->

                模板名称：
                <div class="layui-inline">
                    <div class="layui-input-inline" style="width: 100px;">
                        <input type="text" name="template_name" placeholder="请输入关键词" class="layui-input" value="{$data['template_name']}">
                    </div>
                </div>
                模板编号：
                <div class="layui-inline">
                    <div class="layui-input-inline" style="width: 100px;">
                        <input type="text" name="template_number" placeholder="请输入关键词" class="layui-input" value="{$data['template_number']}">
                    </div>
                </div>

                <div class="layui-inline">
                    <input type="submit"  value="查询" class="layui-btn"/>
                </div>
            </div>
        </form>
        <table class="layui-table" id="list-admin" lay-even>
            <thead>
            <tr>
                <th>序号</th>
                <th>模板名称</th>
                <th>模板编号</th>
                <th>状态</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            {volist name="$detail" id="vo"}
            <tr>
                <td>{$vo['id']}</td>
                <td>{$vo['template_name']}</td>
                <td>{$vo['template_number']}</td>
                <td>{if condition="$vo.is_use eq 1"}已开启{else/}<p style="color: #ff5144"> 已禁用</p>{/if}</td>
             <!--   <td>{$vo['app_name']}</td>  -->
                <td>
                    <!--    <span data-url="{:U('infoStaff', array('id' => $vo['id']))}" class="layui-btn info layui-btn-normal">详情</span>
                    <span data-url="{:U('editTemplate', array('id' => $vo['id']))}" class="layui-btn edit layui-btn-normal">启用</span>-->
                    {if condition="$vo.is_use eq 1"}
                    <span class="layui-btn layui-btn-danger del" data-id="{$vo['id']}" data-info="你确定禁用当前模板吗？" data-url="{:U('delTemplate')}">禁用</span>
                    {else/}
                    <span class="layui-btn layui-btn-normal edit" data-id="{$vo['id']}" data-info="你确定启用当前模板吗？" data-url="{:U('editTemplate')}">启用</span>
                    {/if}
                </td>
            </tr>
            {/volist}
            </tbody>
        </table>

    </div>
</fieldset>
{/block}
{block name="myScript"}
<script type="text/javascript" src="__PUBLIC__/layui/lay/modules/laydate.js"></script>
<script>
    layui.use(['layer', 'form'], function() {

        $('.confirm').on('click', function () {
            var ownObj = $(this);
            layer.confirm(ownObj.attr('data-info'), {
                btn: ['确定','取消'] //按钮
            }, function(){
                $.ajax({
                    type: "POST",
                    url: ownObj.attr('data-url'),
                    data: {id:ownObj.attr('data-id')},
                    success: function(msg){
                        if( msg.code == 1 ){
                            location.reload();
                        }else{
                            layer.msg(msg.msg, {
                                icon: 5,
                                shade: [0.6, '#393D49'],
                                time:1500
                            });
                        }
                    }
                });
            });
        });

        $('.api-add').on('click', function () {
            layer.open({
                type: 2,
                area: ['600px', '60%'],
                maxmin: true,
                content: '{:U("addTemplate")}'
            });
        });

        $('.info').on('click', function () {
            var ownObj = $(this);
            layer.open({
                type: 2,
                area: ['600px', '60%'],
                maxmin: true,
                content: ownObj.attr('data-url')
            });
        });

//        $('.edit').on('click', function () {
//            var ownObj = $(this);
//            layer.open({
//                type: 2,
//                area: ['600px', '80%'],
//                maxmin: true,
//                content: ownObj.attr('data-url')
//            });
//        });

        $('.edit').on('click', function () {
            var ownObj = $(this);
            layer.confirm(ownObj.attr('data-info'), {
                btn: ['确定','取消'] //按钮
            }, function(){
                $.ajax({
                    type: "POST",
                    url: ownObj.attr('data-url'),
                    data: {id:ownObj.attr('data-id')},
                    success: function(msg){
                        if( msg.code == 1 ){
                            location.reload();
                        }else{
                            layer.msg(msg.msg, {
                                icon: 5,
                                shade: [0.6, '#393D49'],
                                time:1500
                            });
                        }
                    }
                });
            });
        });
        $('.del').on('click', function () {
            var ownObj = $(this);
            layer.confirm(ownObj.attr('data-info'), {
                btn: ['确定','取消'] //按钮
            }, function(){
                $.ajax({
                    type: "POST",
                    url: ownObj.attr('data-url'),
                    data: {id:ownObj.attr('data-id')},
                    success: function(msg){
                        if( msg.code == 1 ){
                            location.reload();
                        }else{
                            layer.msg(msg.msg, {
                                icon: 5,
                                shade: [0.6, '#393D49'],
                                time:1500
                            });
                        }
                    }
                });
            });
        });


    });


</script>
{/block}