{include file="$template_path/html/header.html"}
</head>
<body class="">
<section class="vbox">
  {include file="$template_path/html/pagenav.html"}
  <section>
    <section class="hbox stretch">
      {include file="$template_path/html/mobile-nav.html"}
      <section id="content" class="p-t-llg-xs">

        <section class="clearfix">
          <div class="container m-t-lg m-b-lg m-xs-t-none m-xs-b-md">

            <div class="m-b-lg m-xs-b-md h3">
              <span class="font-thin h3-xs text-black">王牌作者</span>
              <span class="badge bg-warning lt v-middle font-thin">包含推荐及精英</span>
            </div>
            {if $users}
            <div class="row row-avatar">
              {foreach from=$users item=u name=foo}
              <div class="col-xs-6 col-sm-4 col-lg-1 text-center">
                <section class="panel mb-col b-a no-radius">
                  <div class="panel-body p-xs-l-sm p-xs-r-sm p-xs-t-sm p-xs-b-sm text-center">
                    <a href="/{$languageURL}user/{$u.username}" target="_blank">
                      <div class="img-container fx-img-rotate-l text-center avatar">
                        {if $u.avatar != ''}
                        <img alt="{$u.nickname}" class="" src="{$data_server}uploads/users/{$u.user_id}/A_{$u.avatar}" />
                        {else}
                        <img alt="{$u.nickname}" class="" src="{$template_data}img/default-user.jpg" />
                        {/if}
                        <div class="img-options">
                        </div>
                      </div>
                    </a>
                    {if $u.featured_author  == 'true'}
                    <div class="cate-bg hidden-xs user-cate cates-5">
                      <span class="cate-text">推荐</span>
                    </div>
                    {elseif $u.elite_author  == 'true' || $u.power_elite_author  == 'true'}
                    <div class="cate-bg hidden-xs user-cate cates-1">
                      <span class="cate-text">精英</span>
                    </div>
                    {else}
                    {/if}
                  </div>
                  <div class="panel-footer pos-rlt bg-white-only panel-shadow no-radius p-xs-l-sm p-xs-r-sm">
                    <div class="ss-underline text-left">
                      <a href="/{$languageURL}user/{$u.username}" title="{$j.nickname}" target="_blank">{$u.nickname}</a>
                    </div>
                    <div class="text-left-xs">
                      <span><em class="fs-16 fm-sf m-r-xs">{$u.items}</em><small>作品</small></span>
                    </div>
                    <a href="/{$languageURL}user/{$u.username}" class="btn-round-blue user-button btn-click hidden-xs hidden-sm" target="_blank">
                      <i class="fa fa-plus"></i>
                    </a>
                  </div>
                </section>
              </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>
        </section>
        {include file="$template_path/html/footer.html"}

      </section>
    </section>
  </section>
</section>
</body>
</html>