{extend name="ask@public/common"/}
	{block name="header"}
	{/block}
{block name="body"}

<div class="layui-container fly-marginTop fly-user-main">
{include file="ucenter@public/left"/}
   <div class="site-tree-mobile layui-hide">
    <i class="layui-icon">&#xe602;</i>
  </div>
  <div class="site-mobile-shade"></div>
  
  <div class="site-tree-mobile layui-hide">
    <i class="layui-icon">&#xe602;</i>
  </div>
  <div class="site-mobile-shade"></div>
  
  <div class="fly-panel fly-panel-user" pad20>
	  <div class="layui-tab layui-tab-brief" lay-filter="user" id="LAY_msg" style="margin-top: 15px;">
	    <p>与【<a href="{:url('ucenter/Home/index',['id'=>$detail['id']])}" target="_blank">
              <cite>{$detail.friend.nickname}</cite></a>】聊天</p>
              		<div class="layui-form layui-form-pane">
          <form action="" method="post">
            <div class="layui-form-item layui-form-text">
              <div class="layui-input-block">
              <textarea id="L_content" name="content" class="layui-textarea" style="height: 150px;"></textarea>
              </div>
            </div>
            <div class="layui-form-item" style="text-align: right;">
              <input type="hidden" name="id" value="{$detail.id}">
              <input type="hidden" name="__token__" value="{$Request.token}" />
              <button class="layui-btn" lay-filter="*" lay-submit="">提交回复</button>
            </div>
          </form>
        </div>
	    <div  id="LAY_minemsg" style="margin-top: 10px;">
	    {empty name='lists'}
    <div class="fly-none">您暂时没有最新私信</div>
	    {/empty}
        <ul class="mine-msg">
        
        {volist name='lists' id='vo'}

          <li data-id="123">
      		<div class="layui-row">
    <div class="layui-col-xs1">
    
     {eq name='user.id' value="$vo.user_id"}
      <a class="fly-chat-avatar" href="{:url('ucenter/Home/index',['id'=>$user['id'],'from'=>'chat'])}">
            <img src="{$user.avatar}" alt="{$user.nickname}">
          </a>
    {else/}
              <a class="fly-chat-avatar" href="{:url('ucenter/Home/index',['id'=>$detail['friend_id'],'from'=>'chat'])}">
            <img src="{$detail.friend.avatar}" alt="{$detail.friend.nickname}">
          </a>
    {/eq}
    
       
    </div>
    <div class="layui-col-xs11">
    {eq name='user.id' value="$vo.user_id"}
     <p>我：</p>
    {else/}
     <p> <a href="{:url('ucenter/Home/index',['id'=>$detail['friend_id']])}" target="_blank">
              <cite>{$detail.friend.nickname}：</cite></a></p>
    {/eq}
            
 		<div class="layui-text">
        {$vo.content}
        </div>
    <p class="layui-word-aux">{$vo.create_time}</p>
    </div>
  </div>
            <p><button class="layui-btn layui-btn-danger ">删除记录</button></p>
          </li>
          {/volist}
        </ul>
        	<div style="text-align: center">
					{$page}
				</div>
      </div>
	  </div>
	</div>
  </div>
	

{/block}


	{block name="script"}
<script>

layui.cache.page = 'user';
layui.cache.user = {
		  username: '{$user.nickname|default="游客"}'
		  ,uid: {$user.id|default="-1"}
		  ,avatar: '{$user.avatar|default="__IMG__/avatar/00.jpg"}'
		  ,point: '{$user.point|default="0"}'
		  ,sex: '男'
		};
layui.config({
  version: "3.0.0"
  ,base: '__MODS__/'
}).extend({
  fly: 'index'
}).use('fly');

</script>
<link rel="stylesheet" href="__COMMON__/kindeditor_4.1.11/themes/default/default.css" />
		<script charset="utf-8" src="__COMMON__/kindeditor_4.1.11/kindeditor-all.js"></script>
		<script charset="utf-8" src="__COMMON__/kindeditor_4.1.11/lang/zh-CN.js"></script>
		<script charset="utf-8" >
		var editor;
		KindEditor.ready(function(K) {
			editor = K.create('textarea[name="content"]', {
					resizeType : 1,
					allowPreviewEmoticons : true,
					allowImageUpload : false,
					items : [ 'preview','fontname', 'fontsize', '|', 'forecolor',
							'hilitecolor', 'code', 'bold', 'italic',
							'underline', 'removeformat', '|', 'justifyleft',
							'justifycenter', 'justifyright',
							'insertorderedlist', 'insertunorderedlist', '|',
							'emoticons', 'link'],
					afterBlur : function() {
						this.sync();
					}
				});
			});
		</script>
	{/block} <!-- 用于加载js代码 -->