<section class="clearfix">

  <section class="m-b-none pos-rlt">
    <div class="item banner-bg1 text-center padder-lg-space active" style="background-image: url({if $user.homeimage != ''}{$data_server}uploads/users/{$user.user_id}/A_{$user.homeimage}{else}/mbthemes/images/bg/default-Home2.jpg{/if})">

      <div class="overlays bg-rgbab dker"></div>
      <div id="ocean">
        <canvas id="waves"></canvas>
      </div>
      <div class="row m-t">
        <div class="col-xs-12 col-md-12">
          <div class="clearfix hidden-xs">
            <div class="easypiechart inline easyPieChart" data-percent="75" data-line-width="5" data-bar-color="#1ccacc" data-track-color="#f5f5f5" data-scale-color="false" data-size="138" data-line-cap="butt" data-animate="1000">
              <a href="/{$languageURL}user/{$user.username}/" class="thumb-lg hover pos-rlt" style="z-index:2;">
                {if $user.avatar != ''}
                <img alt="{$user.username}" src="{$data_server}uploads/users/{$user.user_id}/A_{$user.avatar}" class="img-circle m-t-n-xxxs hover-rotate360" />
                {else}
                <img alt="{$user.username}" src="{$template_data}img/default-user.jpg" class="img-circle m-t-n-xxxs hover-rotate360" />
                {/if}
              </a>
              <canvas width="138" height="138"></canvas>
            </div>
          </div>
          <div class="clearfix visible-xs-block">
            <div class="easypiechart inline easyPieChart" data-percent="75" data-line-width="5" data-bar-color="#1ccacc" data-track-color="#f5f5f5" data-scale-color="false" data-size="100" data-line-cap="butt" data-animate="1000">
              <a href="/{$languageURL}user/{$user.username}/" class="thumb-xs-lg hover pos-rlt" style="z-index:2;">
                {if $user.avatar != ''}
                <img alt="{$user.username}" src="{$data_server}uploads/users/{$user.user_id}/A_{$user.avatar}" class="img-circle hover-rotate360" />
                {else}
                <img alt="{$user.username}" src="{$template_data}img/default-user.jpg" class="img-circle hover-rotate360" />
                {/if}
              </a>
              <canvas width="100" height="100"></canvas>
            </div>
          </div>
        </div>

      </div>

      <div class="clearfix pos-rlt">

        <div class="h2 h2-xs text-white-only m-t m-b-xs">
          {$user.nickname}
        </div>
        <p class="block text-muted m-t-md m-xs-t-none">
          {foreach from=$user_badges item=b name=foo}
          <img src="{$data_server}{$b.photo}" class="bphoto" alt="{$b.name|escape}" title="" data-toggle="tooltip" data-placement="bottom" data-original-title="{$b.name|escape}" />
          {if $smarty.foreach.foo.last}{/if}
          {/foreach}
        </p>
        <small class="block m-t-sm text-lg text-white">
          {if $user.profile_title != ''}{$user.profile_title}{else}作者太懒了，没填签名呢{/if}
        </small>
        <div class="clearfix m-t-lg m-xs-t-sm text-center">
          <div class="inline m-r-md">
                <span class="m-b-xs h3 block">
                  <small class="text-white m-r-sm name">
                    作品
                  </small>
                  <em class="fm-pn font-s-normal text-info">
                    {$allRows}
                  </em>
                </span>
          </div>
          <div class="inline m-r-md">
                <span class="m-b-xs h3 block text-white">
                  <small class="text-white m-r-sm name">
                    销量
                  </small>
                  <em class="fm-pn font-s-normal text-info">
                    {$user.sales}
                  </em>
                </span>
          </div>
          <div class="inline">
                <span class="m-b-xs h3 block text-white">
                  <small class="text-white m-r-sm name">
                    粉丝
                  </small>
                  <em class="fm-pn font-s-normal text-info">
                    {if $follow.to < '1'}0{else}{$follow.toto_count}{/if}
                  </em>
                </span>
          </div>
        </div>
        <div class="clearfix m-t-lg m-xs-t-sm">


          {if check_login_bool() && $smarty.session.user.user_id != $user.user_id}

          <div class="inline-block">
            <a href="/{$languageURL}users/{$user.username}/?follow" id="follow-user">
              <button id="follow" class="btn btn-info btn-xs-xs btn-rounded {if $user.is_follow}btn-ghost-success{else}btn-ghost-info{/if}" type="submit">{if $user.is_follow}取消关注{else}添加关注{/if}</button>
            </a>
          </div>

          <script type="text/javascript">
            {literal}
            seajs.use(["jq", "modules/follow"], function($, follow){
              follow.followBtnInit($("#follow-user"), "/{/literal}{$languageURL}users/{$user.username}/?follow{literal}");
            });
            {/literal}
          </script>


          {elseif check_login_bool() && $smarty.session.user.user_id == $user.user_id}
          <div class="inline-block">
            <a href="###" class="btn btn-info btn-xs-xs btn-rounded disabled">
              不能关注自己
            </a>
          </div>
          {else}
          <div class="inline-block">
            <a href="###" class="btn btn-info btn-xs-xs btn-rounded" data-toggle="tooltip" data-placement="bottom" data-original-title="您需要登录后才可以添加关注">
              添加关注
            </a>
          </div>
          {/if}




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