{include file="public/header"/}
<script src="__STATIC_ADMIN__/js/jquery.js?t={php}echo time();{/php}"></script>
<script src="__STATIC_ADMIN__/js/admin_common.js?t={php}echo time();{/php}"></script>
<script src="__STATIC_ADMIN__/js/admin_image.js?t={php}echo time();{/php}"></script>
<style type="text/css" media="screen">
  .layui-table th, .layui-table td{border:1px solid #e6e6e6;} 
  .pcfred{color:red!important;}
  .isread{color:#655353!important;}
  .layui-table-page{border-top:1px solid #e6e6e6;border-bottom:0px;}
  .layui-table-cell{height:35px!important;line-height:35px!important;} 
</style>
<div class="layui-fluid" id="LAY-component-layer-list">
    <div class="layui-card">
        <div class="layui-card-header layuiadmin-card-header-auto">
            <div class="layui-form">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <select name="form_id">
                                <option value="">{:all_lang('所有表单类型')}</option>
                                {volist name="GuestbookList" id="vo"}
                                <option value="{$vo.id}" >{$vo.title}</option>
                                {/volist}
                            </select>
                        </div>  
                    </div>
                    <div class="layui-inline">
                        <button class="layui-btn icon-btn" lay-filter="formSearch" lay-submit>
                        <i class="layui-icon layui-icon-search"></i>{:all_lang('搜索')}</button>
                        <button class="layui-btn icon-btn layui-table-text" data-type="guestbook_cate">
                        {:all_lang('表单管理')}</button>                        
                        <button class="layui-btn layui-btn-danger layui-table-text" data-url="{:url('/guestbook/del')}" data-type="batch_del">
                        <i class="layui-icon"></i>批量删除</button>
                    </div>
                </div>
            </div>   
        </div>
        <!-- // 创建数据实例 -->
        <table id="lay-tableList" lay-filter="lay-tableList"></table>        
    </div>
</div>

<!-- // 列表编辑框 -->
<script type="text/html" id="tableBar"> 
    <a class="layui-table-text" data-type="guestbook_look" data-id="{{d.list_id}}">
    {{# if(d.is_read == 1){ }}
    <font class="isread">[已读]</font>
    {{# }else{ }}
    <font class="pcfred">[未读}]</font>
    {{# } }}
    {:all_lang('详细内容')}
    </a>
    <div class="layui-divider layui-divider-vertical"></div>
    <a class="layui-table-text pcfred" data-type="guestbook_del" data-url="{:url('/guestbook/del')}" data-id="{{d.list_id}}">{:all_lang('删除')}</a>
</script>

<!-- // 列表状态栏 -->
<script type="text/html" id="userStatus">
<input type="checkbox" lay-filter="switchStatus" lay-text="开启|关闭" lay-url="{:url('/guestbook/status')}" value="{{d.list_id}}" lay-skin="switch" lay-callback="status" {{d.status == 1 ? 'checked':''}}/>
</script>
{include file="public/footer"/}
<script>
    layui.use(['admin','table','form'],function(){
        var admin = layui.admin;
        var table = layui.table;
        var form = layui.form;

        // 基础表格
        var isTable = table.render({
            elem: "#lay-tableList",
            url: "{:url('/guestbook/index')}",
            page: true,
            height: 'full-110',
            limit : 20,
            cols: [[
                {type:'checkbox'},
                {field:'list_id',title:'ID',align: 'center',width:100},
                {field: 'city', title: '提交来源',align: 'left'},
                {field: 'ip', title: 'IP',align: 'left'},
                {field: 'form_name', title: '表单类型',align: 'left'},
                {field: 'add_time', title: '提交时间',width: 200,align: 'left'},
                {toolbar: '#userStatus', title: '状态',width: 150, align: 'center'},
                {toolbar: '#tableBar', title: '操作', width: 250,align:'center', }
            ]]
        });

        // 修改状态的回调函数
        admin.callback.status = function(clickthis,colletction,config) {
            if(colletction){
                if (colletction.code == 200) {
                    layui.iziToast.success({
                        message: colletction.msg,
                        timeout: 1000,
                        onClosing: function () {
                            table.reload('lay-tableList');
                        }
                    });
                }else if(colletction.code == 504){
                    layui.iziToast.error({
                        message: colletction.message,
                        timeout: 1000,
                        onClosing: function () {
                            parent.location.reload();
                        }
                    });
                }else {
                    layui.iziToast.error({
                        message: colletction.msg,
                        timeout: 1000,
                        onClosing: function () {
                            self.window.location.reload();
                        }
                    });
                }
            }
        };

        $(document).on("click","#LAY-component-layer-list .layui-table-text",function(){
          var type = $(this).data('type');
          active[type] && active[type].call(this);
        });

        //触发事件
        var active = {
            guestbook_cate: function(){
                layer.open({
                    type: 2,
                    title: false,
                    closeBtn: false,
                    fixed: true,
                    shadeClose: false,
                    shade: 0.3,
                    area: ['100%', '100%'],
                    content: "{:url('/guestbook/list')}",
                    end: function () {
                       table.reload('lay-tableList');
                    }
                });
            },
            guestbook_look: function(){
                var obj = this;
                var id = $(obj).attr('data-id');
                layer.open({
                    type: 2,
                    title: false,
                    closeBtn: true,
                    fixed: true,
                    shadeClose: false,
                    shade: 0.3,
                    area: ['50%', '60%'],
                    content: "{:url('/guestbook/content')}?id="+id,
                    end: function () {
                       table.reload('lay-tableList');
                    }
                });
            },
            batch_del: function(){
                var checkRows = table.checkStatus('lay-tableList');
                if (checkRows.data.length === 0) {
                    layui.iziToast.error({
                        message: "{:all_lang('请选择要删除的数据')}",
                        timeout: 1500
                    });
                    return false;
                }
                var ids = checkRows.data.map(function (d) {
                    return d.list_id;
                });
                batch_del(this, ids);
            },
            guestbook_del: function(){
                delfun(this);
            },
        }
    });
</script>
</body>
</html>