{extend name="common/layout" /}
{block name="title"}消息列表{/block}
{block name="main"}
{if condition="$msgrow EQ NULL"}

         <div id="page-content" class="inner-sidebar-left">
                        <!-- Inner Sidebar -->
                        <div id="page-content-sidebar">
                            <!-- Collapsible Options -->
                            <a href="javascript:void(0)" class="btn btn-block btn-default visible-xs" data-toggle="collapse" data-target="#todo-options">Options</a>
                            <div id="todo-options" class="collapse navbar-collapse remove-padding">
                                <!-- Lists -->
                                <h4 class="inner-sidebar-header">
                                    <a href="{:url('msglist')}" class="btn btn-xs btn-default pull-right"><i class="fa fa-plus"></i></a>
                                    Lists
                                </h4>
                                <div class="block-section">
                                    <ul class="nav nav-pills nav-stacked">
                                        <li class="active">
                                            <a href="{:url('msglist')}">
                                                <span class="badge pull-right">16</span>
                                                <i class="fa fa-briefcase fa-fw icon-push"></i> <strong>消息列表</strong>
                                            </a>
                                        </li>
                                        <li>
                                    </ul>
                                </div>
                                <!-- END Lists -->

                                <!-- Account -->
                                <!-- END Account -->
                            </div>
                        <!-- END Inner Sidebar -->
 </div>

                        <!-- Email Center Content -->
                        <div class="block overflow-hidden">
                            <!-- Message List -->
                            <div id="message-list">
                                <!-- Title -->
                                <div class="block-title clearfix">
                                    <div class="block-options pull-right">
                                        <a href="javascript:void(0)" class="btn btn-effect-ripple btn-default"><i class="fa fa-arrow-left"></i> Prev</a>
                                        <a href="javascript:void(0)" class="btn btn-effect-ripple btn-default">Next <i class="fa fa-arrow-right"></i></a>
                                    </div>
                                    <div class="block-options pull-left">
                                        <a href="javascript:void(0)" class="btn btn-effect-ripple btn-info" data-toggle="tooltip" title="Archive Selected"><i class="fa fa-briefcase"></i></a>
                                        <a href="javascript:void(0)" class="btn btn-effect-ripple btn-warning" data-toggle="tooltip" title="Star Selected"><i class="fa fa-star"></i></a>
                                        <a href="javascript:void(0)" class="btn btn-effect-ripple btn-danger" data-toggle="tooltip" title="Delete Selected"><i class="fa fa-times"></i></a>
                                    </div>
                                </div>

<div class="col-sm-9 col-lg-12">
                
                <div class="panel panel-default">
                    <div class="panel-body">
                        
                        <h5 class="subtitle mb5">消息列表[点击头像即可查看]</h5>
                        <p class="text-muted">显示1 -15 条信息，共{:count(db('msglist')->where(['uid'=>$userinfo['uid']])->select())}条</p>
                        
                        <div class="table-responsive">
                            <table class="table table-email">
                              <tbody>
                              
                              {volist name="msglist" id="msgarr" empty='<div class=\"alert alert-info\">没有任何消息通知</div>'}
                                <tr class="unread">
                                  <td>
                                    <div class="media">
                                        <a href="{:url('msglist',['look'=>$msgarr.id])}" class="pull-left">
                                          <img alt="" src="http://q1.qlogo.cn/g?b=qq&nk={$msgarr.qq}&s=100" class="media-object">
                                        </a>
                                        <div class="media-body">
                                            <span class="media-meta pull-right">{$msgarr.addtime}</span>
                                            <h4 class="text-primary">管理员</h4>
                                            <small class="text-muted"></small>
                                            <p class="email-summary"><strong>{$msgarr.name}</strong> 详细请点击查看 </p>
                                        </div>
                                    </div>
                                  </td>
                                </tr>
                               {/volist}
                                
                              </tbody>
                            </table>
                        </div><!-- table-responsive -->
                        
                    </div><!-- panel-body -->
                </div><!-- panel -->
                {$msglist->render()}
</div>
{else/}
<div id="page-content" class="inner-sidebar-left">
                        <!-- Inner Sidebar -->
                        <div id="page-content-sidebar">
                            <!-- Collapsible Options -->
                            <a href="{:url('msglist')}" class="btn btn-block btn-default visible-xs" data-toggle="collapse" data-target="#todo-options">Options</a>
                            <div id="todo-options" class="collapse navbar-collapse remove-padding">
                                <!-- Lists -->
                                <h4 class="inner-sidebar-header">
                                    <a href="{:url('msglist')}" class="btn btn-xs btn-default pull-right"><i class="fa fa-plus"></i></a>
                                    Lists
                                </h4>
                                <div class="block-section">
                                    <ul class="nav nav-pills nav-stacked">
                                        <li class="">
                                            <a href="{:url('msglist')}">
                                                <span class="badge pull-right">16</span>
                                                <i class="fa fa-briefcase fa-fw icon-push"></i> <strong>消息列表</strong>
                                            </a>
                                        </li>
                                        <li>
										 <li class="active">
                                            <a href="#">
                                                <span class="badge pull-right">14</span>
                                                <i class="fa fa-gamepad fa-fw icon-push"></i> <strong>查看消息</strong>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <!-- END Lists -->

                                <!-- Account -->
                                <h4 class="inner-sidebar-header">
                                    <a href="javascript:void(0)" class="btn btn-xs btn-default pull-right"><i class="fa fa-cog"></i></a>
                                    X.s
                                </h4>
                                <div class="text-center">
                                    <div class="pie-chart block-section" data-percent="60" data-line-width="2" data-bar-color="#deb25c" data-track-color="#ffffff">
                                        <img src="//q4.qlogo.cn/headimg_dl?dst_uin={:config('web_kfqq')}&spec=100" alt="avatar" class="pie-avatar img-circle">
                                    </div>
                                </div>
                                <table class="table table-striped table-vcenter">
                                    <tbody>
                                        <tr>
                                            <td class="text-right"><strong>Storage</strong></td>
                                            <td><strong>60</strong> of <strong>100</strong> MB</td>
                                        </tr>
                                        <tr>
                                            <td class="text-right"><strong>Plan Valid</strong></td>
                                            <td><strong>6</strong> months left</td>
                                        </tr>
                                        <tr>
                                            <td class="text-right" style="width: 50%;"><strong>Active Plan</strong></td>
                                            <td>Tiny <a href="page_ready_pricing_tables.html" data-toggle="tooltip" title="Upgrade to Pro"><i class="fa fa-chevron-up"></i></a></td>
                                        </tr>
                                    </tbody>
                                </table>
                                <!-- END Account -->
                            </div>
                        <!-- END Inner Sidebar -->
 </div>
                        <!-- Email Center Content -->
                        <div class="block overflow-hidden">
                            <!-- Message List -->
                            <div id="message-list">
                                <!-- Title -->
                                <div class="block-title clearfix">
                                    <div class="block-options pull-right">
                                        <a href="{:url('msglist',['act'=>'del','look'=>$msgrow.id])}" class="btn btn-effect-ripple btn-default"><i class="fa fa-arrow-left"></i>删除消息</a>
                                        <a href="{:url('msglist',['act'=>'read','look'=>$msgrow.id])}" class="btn btn-effect-ripple btn-default">标记为已读 <i class="fa fa-arrow-right"></i></a>
                                    </div>
                                    <div class="block-options pull-left">
                                        <a href="javascript:void(0)" class="btn btn-effect-ripple btn-info" data-toggle="tooltip" title="Archive Selected"><i class="fa fa-briefcase"></i></a>
                                        <a href="javascript:void(0)" class="btn btn-effect-ripple btn-warning" data-toggle="tooltip" title="Star Selected"><i class="fa fa-star"></i></a>
                                        <a href="javascript:void(0)" class="btn btn-effect-ripple btn-danger" data-toggle="tooltip" title="Delete Selected"><i class="fa fa-times"></i></a>
                                    </div>
                                </div>
<div class="col-sm-9 col-lg-12">
                
                <div class="panel panel-default">
                    <div class="panel-body">
                    	<div class="pull-right">
							状态：{$zt[$msgrow.zt]}
                        </div>
                        
                        <div class="read-panel">
                            <div class="media">
                                <a href="#" class="pull-left">
                                    <img alt="" src="http://q1.qlogo.cn/g?b=qq&nk={$msgrow.qq}&s=100" class="media-object">
                                </a>
                                <div class="media-body">
                                    <span class="media-meta pull-right">{$msgrow.addtime}</span>
                                    <h5 class="text-primary">标题：{$msgrow.name}</h5>
                                    <small class="text-muted">来自：Admin</small>
                                </div>
                            </div><!-- media -->
                            
                            <h4 class="email-subject">消息通知内容</h4>
							  {$msgrow.value}
                        </div><!-- read-panel -->
                        
                    </div><!-- panel-body -->
        </div><!-- panel -->       
</div>

{/if}
{/block}