{layout name="public/layout" /}
    <ol class="breadcrumb" style="margin-top:10px">
      <li><i class="glyphicon glyphicon-home"></i>&nbsp;<a href="{:url('center/index')}">用户中心</a></li>
      <li class="active">系统消息</li>
    </ol>
           <div class="msgs">
                    {foreach name="lists" item="vo"}
                        <div class="msg media {if condition='$vo.is_read eq 0'}not_read{/if}" data-id="{$vo.notice_id}">
                            <div class="media-left">
                              <a href="#">
                                <img class="media-object" src="{$yf_theme_path}/public/img/icon_nav_dialog.png" alt="..." width="34px">
                              </a>
                            </div>
                            <div class="media-body">
                              <h5 class="media-heading">{$vo.notice_title} <span>{$vo.create_time|date='Y·m·d',###}</span> <span class="glyphicon glyphicon-chevron-down"></span></h5>
                              <div class="media-content">
                              {$vo.notice}
                              </div>
                            </div>
                      </div>
					{/foreach}
                     
            </div>
            <div class="pages text-center">{$page}</div>
			<script src="{$yf_theme_path}public/js/layer/layer.js"></script>
			<script src="{$yf_theme_path}public/js/base.js"></script>
             <script>
			      $(function(){
			    	$(".msg").on("click",".editcheck",function(event){
			    		event.preventDefault();
			    		event.stopPropagation();
			    		var href=$(this).attr("href");
			    		 $.ajax({
			                  type: "POST",
			                  url:href,
			                  data: {"mobile":1},
			                  async: false,
			                  success: function (data) {
                                    tool.showResponse(data);
			                  }
	             		})
			    	});  
			        $(".msg").each(function(){
			            $(this).click(function(event){
			            	  event.preventDefault();
					    	  event.stopPropagation();
			                  var has=$(this).find(".glyphicon").hasClass("glyphicon-chevron-down");
			                  var next='';
			                  if(has)next='glyphicon-chevron-up';
			                  else next='glyphicon-chevron-down';
			                  $(this).find(".glyphicon").removeAttr("class").addClass("glyphicon").addClass(next);
			
			                  if(next=='glyphicon-chevron-up'){
			                    $(this).find(".media-content").slideDown();  
			                  }else{
			                    $(this).find(".media-content").slideUp();
			                  }
			                  
			                  if($(this).attr("class").indexOf("not_read")>0){
				                  $.ajax({
						                  type: "POST",
						                  url:"{:url('Center/notice_r')}",
						                  data: {"notice_id":$(this).attr("data-id")},
						                  async: false,
						                  success: function (data) {
			
						                  	}
				             		})
			                  }
			            });
			        });
			      });
            </script>