<extend name="Public/base"/>

<block name="body">
    <!-- 标题栏 -->
    <div class="main-place">
        <span class="main-placetitle">位置</span>
        <ul class="main-placeul">
            <li><a href="{:U('User/index')}">用户</a></li>
            <li><a href="{:U('Member/user_info')}">玩家组</a></li>
            <li><a href="#">{$meta_title}</a></li>
        </ul>
        <div class="question">
            <i class="question_mark">?</i>
            <ul class="question_content">
                <li class="question_title">功能以及数据相关说明</li>
                <li class="question_list">
                    <span class="">{$meta_title}</span>
                    <span class="">统计玩家留言信息以及进行回复操作</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="cf top_nav_list">
        <!-- 高级搜索 -->
        <div class="jssearch fr cf search_list">
            <div class="input-list">
                <label>玩家账号:</label>
                <input type="text" name="account" class="" value="{:I('account')}" placeholder="请输入玩家账号">&nbsp;&nbsp;&nbsp;
            </div>
            <div class="input-list">
                <label>留言时间:</label>
                <input type="text" id="time-start" name="time-start" class="" value="{:I('time-start')}" placeholder="开始时间" />
                -
                <div class="input-append date" id="datetimepicker"  style="display:inline-block">
                <input type="text" id="time-end" name="time-end" class="" value="{:I('time-end')}" placeholder="结束时间" />
                <span class="add-on"><i class="icon-th"></i></span>
                </div>
            </div>
            <div class="input-list">
                <label>回复时间:</label>
                <input type="text" id="start" name="start" class="" value="{:I('start')}" placeholder="开始时间" />
                -
                <div class="input-append date" id="datetimepicker1"  style="display:inline-block">
                <input type="text" id="end" name="end" class="" value="{:I('end')}" placeholder="结束时间" />
                <span class="add-on"><i class="icon-th"></i></span>
                </div>
            </div>
            <div class="input-list">
            <label>回复状态:</label>
                <select id="status1" name="status1"  style="width:150px;">
                    <option value="" <if condition="I('status')  eq ''"  >selected="true"</if>>请选择</option>
                    <option value="0" <if condition="I('status')  eq '0'"  >selected="true"</if>>未回复</option>
                    <option value="1" <if condition="I('status')  eq '1'"  >selected="true"</if>>已回复</option>
                    <input type="hidden" id="status" name="status" value="{:I('status')}"></input>
                </select>  
            </div>
            <div class="input-list">
                <a class="sch-btn" href="javascript:;" id="search" url="{:U('lists','model='.$model['name'],false)}">搜索</a>
            </div>
        </div>
    </div>


    <!-- 数据列表 -->
    <div class="data_list">
        <div class="">
            <table>
                <!-- 表头 -->
                <thead>
                <tr>
                    <th>
                        <input class="check-all" type="checkbox">
                    </th>
                    <th>玩家账号</th>
                    <th>留言内容</th>
                    

<th>游戏名称</th>
                    <th>留言时间</th>
                    <th>回复状态</th>
                    <th>回复时间</th>
                    <th>操作</th>
                </tr>
                </thead>

                <!-- 列表 -->
                <tbody>
                <volist name="list_data" id="data">
                    <tr>
                        <td><input class="ids" type="checkbox" value="{$data['id']}" name="ids[]"></td>
                        <td>{$data.account}</td>
                        <td>{$data.question}</td>
                        <td>{:get_game_name($data['game_id'])}</td>
                        <td>{:set_show_time($data['create_time'])}</td>
                        <td>{:get_info_status($data['status'],16)}</td>
                        <td>{:set_show_time($data['update_time'])}</td>
                        <td><a href="{:U('show',array('account'=>$data['account'],'game_id'=>$data['game_id']))}">回复</a></td>
                    </tr>
                </volist>
                </tbody>
            </table>
        </div>
    </div>
    <div class="page">
        {$_page|default=''}
    </div>
</block>

<block name="script">
    <link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
    <php>if(C('COLOR_STYLE')=='blue_color') echo '<link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css" rel="stylesheet" type="text/css">';</php>
    <link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
    <script type="text/javascript">
        //导航高亮
        highlight_subnav('{:U('Question/lists')}');
        $(function(){
            $("#status1").change(function() {
                $("#status").val($("#status1 option:selected").val());
            });
            //搜索功能
            $("#search").click(function(){
                var url = $(this).attr('url');
                var query  = $('.jssearch').find('input').serialize();
                query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');
                query = query.replace(/^&/g,'');
                if( url.indexOf('?')>0 ){
                    url += '&' + query;
                }else{
                    url += '?' + query;
                }
                window.location.href = url;
            });

            //回车自动提交
            $('.jssearch').find('input').keyup(function(event){
                if(event.keyCode===13){
                    $("#search").click();
                }
            });
            $('#time-start').datetimepicker({
                format: 'yyyy-mm-dd',
                language:"zh-CN",
                minView:2,
                autoclose:true
            });

            $('#datetimepicker').datetimepicker({
                format: 'yyyy-mm-dd',
                language:"zh-CN",
                minView:2,
                autoclose:true,
                pickerPosition:'bottom-left'
            })
            $('#start').datetimepicker({
                format: 'yyyy-mm-dd',
                language:"zh-CN",
                minView:2,
                autoclose:true
            });

            $('#datetimepicker1').datetimepicker({
                format: 'yyyy-mm-dd',
                language:"zh-CN",
                minView:2,
                autoclose:true,
                pickerPosition:'bottom-left'
            })

            function read(){

            }

             $(".jssearch").find("#drop-down2").hover(function(){
        $("#sub-sch-menu2").removeClass("hidden");
    },function(){
        $("#sub-sch-menu2").addClass("hidden");
    });
    $("#sub-sch-menu2 li").find("a").each(function(){
        $(this).click(function(){
            var text = $(this).text();
            $("#sch-sort-txt2").text(text).attr("data",$(this).attr("value"));
            $("#sub-sch-menu2").addClass("hidden");
            $('#lock_status').val($(this).attr('value'));
        })
    });
        })
    </script>
</block>