{include file="$template_path/html/header.html"}
{include file="$template_path/js/arc.html"}
{include file="$template_path/html/jstemplate.html"}
</head>
<body>
<div class="app" id="app">
  {include file="$template_path/html/mobile-nav.html"}
  <!-- content -->
  <div id="content" class="app-content box-shadow-z3" role="main">
    {include file="$template_path/html/pagenav.html"}
    <div class="app-body" id="view">
      <!-- ############ PAGE START-->
      <div class="grey-100 b-t">
        <div class="container">

          <div class="row-col">
            <div class="col-sm">
              <div class="pos-rlt p-t-md">


                {if $users}
                <div class="row row-avatar">
                  {foreach from=$users item=u name=foo}
                  <div class="col-sm-4">
                    <div class="box text-center box-shadow-z4">
                      <div class="item">
                        <div class="item-bg">
                          <img src="{if $u.homeimage != ''}{$data_server}uploads/users/{$u.user_id}/A_{$u.homeimage}{else}/mbthemes/assets/images/bg/3.jpg{/if}" class="blur" style="top: 65%;">
                        </div>
                        <div class="p-t pos-rlt text-center">
                          <a href="/{$languageURL}user/{$u.username}" target="_blank">
                            {if $u.avatar != ''}
                            <img alt="{$u.nickname}" class="img-circle w-96" src="{$data_server}uploads/users/{$u.user_id}/A_{$u.avatar}" style="margin-top: 5rem">
                            {else}
                            <span class="w-96 circle skin text-lg" style="margin-top: 5rem">
                              <span class="price opacity" style="vertical-align: 2%;">NOPIC</span>
                            </span>
                            {/if}
                          </a>
                        </div>
                      </div>

                      {if $u.featured_author  == 'true'}
                      <a class="ribbon ribbon-skin" style="top: 30px">
                        推荐
                      </a>
                      {elseif $u.elite_author  == 'true' || $u.power_elite_author  == 'true'}
                      <a class="ribbon ribbon-danger" style="top: 30px">
                        精英
                      </a>
                      {else}
                      {/if}
                      <div class="p-t p-b-md">
                        <p>

                        </p>
                        <a href="/{$languageURL}user/{$u.username}" class="text-md block text-skin-hover">{$u.nickname}</a>
                        <p class="text-muted">
                          <small>
                            {if $u.profile_title != ''}
                            {$u.profile_title}
                            {else}
                            作者太懒了，没填签名呢
                            {/if}
                          </small>
                        </p>
                        <div>

                          {if $u.weibo != '' || $u.weixin != '' || $u.qq != ''}

                          <a href="/{$languageURL}user/{$u.username}" title="{$u.nickname}的主页" target="_blank" class="btn btn-icon btn-social rounded white m-r-sm">
                            <i class="icon-home lime-100"></i>
                            <i class="icon-home skin"></i>
                          </a>
                          {if $u.weixin != ''}
                          <a href="http://open.weixin.qq.com/qr/code/?username={$u.weixin}" title="微信号：{$u.weixin}" target="_blank" class="btn btn-icon btn-social rounded white m-r-sm">
                            <i class="icon-weixin green-100"></i>
                            <i class="icon-weixin green"></i>
                          </a>
                          {/if}
                          {if $u.weibo != ''}
                          <a href="http://weibo.com/{$u.weibo}" title="新浪微博" target="_blank" class="btn btn-icon btn-social rounded white m-r-sm">
                            <i class="icon-weibo orange-100"></i>
                            <i class="icon-weibo orange-800"></i>
                          </a>
                          {/if}
                          {if $u.qq != ''}
                          <a target="_blank" href="{$u.qq}" title="联系QQ" class="btn btn-icon btn-social rounded white">
                            <i class="icon-qq light-blue-100"></i>
                            <i class="icon-qq light-blue-600"></i>
                          </a>
                          {/if}


                          {else}
                          <a href="/{$languageURL}user/{$u.username}" title="{$u.nickname}的主页" target="_blank" class="btn btn-icon btn-social rounded white m-r-xs">
                            <i class="icon-home lime-100"></i>
                            <i class="icon-home skin"></i>
                          </a>
                          {/if}



                        </div>
                      </div>



                      <div class="row no-gutter text-skin-hover b-t">
                        <div class="col-xs-4 b-r">
                          <a class="p-x p-y-sm block text-center">
                            <span class="price text-lg _800 text-muted m-v-sm">{$u.items}</span>
                            <span class="block">作品</span>
                          </a>
                        </div>
                        <div class="col-xs-4 b-r">
                          <a class="p-x p-y-sm block text-center">
                            <span class="price text-lg _800 text-muted m-v-sm">{if $u.follow.toto < '1'}0{else}{$u.follow.toto_count}{/if}</span>
                            <span class="block">粉丝</span>
                          </a>
                        </div>
                        <div class="col-xs-4">
                          <a class="p-x p-y-sm block text-center">
                            <span class="price text-lg _800 text-muted m-v-sm">{$u.sales}</span>
                            <span class="block">销量</span>
                          </a>
                        </div>
                      </div>
                    </div>
                  </div>
                  {/foreach}

                </div>
                {if $paging}
                {$paging}
                {/if}
                {else}
                <div class="row">
                  <div class="col-xs-12 text-center">
                    <section class="panel no-radius p-t-lg p-b-lg panel-shadow">
                      <div class="panel-body bg-white-only no-radius">
                        <h3>{$lang.no_users}</h3>
                      </div>
                    </section>
                  </div>
                </div>
                {/if}


              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
    <!-- ############ PAGE END-->
    {include file="$template_path/html/footer.html"}
  </div>
</div>
{include file="$template_path/html/backtop.html"}
{include file="$template_path/html/mb-settings.html"}
<!-- ############ LAYOUT END-->
</div>
</body>
</html>