{include file="$template_path/html/pagenav.html"}
<section class="clearfix text-center space psm" id="slide_space" style="background-image: url({if $smarty.session.user.homeimage != ''}{$data_server}uploads/users/{$smarty.session.user.user_id}/A_{$smarty.session.user.homeimage}{else}/mbthemes/images/bg/bg-4.jpg{/if});">
  <div class="container m-t-lg">
    <div class="row m-xs-t-none">
      <div class="col-md-9 col-md-offset-2 hidden-xs text-left">
        <a class="btn btn-dark text-white" data-toggle="class:card,opa" data-target=".user-panel,.user-panels">
          查看名片
        </a>
      </div>
      <div class="col-xs-12 no-padder pos-rlt m-b-lg m-xs-b-none">

        <div class="user-panels">
          <div class="clearfix hidden-xs">
            <div class="easypiechart inline easyPieChart" data-percent="75" data-line-width="5" data-bar-color="#1aae88" data-track-color="#f5f5f5" data-scale-color="false" data-size="138" data-line-cap="butt" data-animate="1000">
              <a href="/{$languageURL}user/{$smarty.session.user.username}/" class="thumb-lg hover pos-rlt" style="z-index:2;">
                {if $smarty.session.user.avatar != ''}
                <img alt="{$smarty.session.user.username}" src="{$data_server}uploads/users/{$smarty.session.user.user_id}/A_{$smarty.session.user.avatar}" class="img-circle m-t-n-xxxs hover-rotate360" />
                {else}
                <img alt="{$smarty.session.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="#1aae88" data-track-color="#f5f5f5" data-scale-color="false" data-size="100" data-line-cap="butt" data-animate="1000">
              <a href="/{$languageURL}user/{$smarty.session.user.username}/" class="thumb-lg hover pos-rlt" style="z-index:2;">
                {if $smarty.session.user.avatar != ''}
                <img alt="{$smarty.session.user.username}" src="{$data_server}uploads/users/{$smarty.session.user.user_id}/A_{$smarty.session.user.avatar}" class="img-circle m-t-n-xxxs hover-rotate360" />
                {else}
                <img alt="{$smarty.session.user.username}" src="{$template_data}img/default-user.jpg" class="img-circle m-t-n-xxxs hover-rotate360" />
                {/if}
              </a>
              <canvas width="100" height="100"></canvas>
            </div>
          </div>
          <div class="h2 h2-xs text-white m-t m-b-xs">
            {$smarty.session.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-grey">
            {if $smarty.session.user.profile_title != ''}{$smarty.session.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-success">
                  {$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-success">
                  {$smarty.session.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-success">
                  {if $follow.to < '1'}0{else}{$follow.toto_count}{/if}
                </em>
              </span>
            </div>
          </div>
        </div>

        <section class="panel user-panel animated zoomInLeft">
          <div class="panel-body">
            <div class="clearfix m-t-md hidden-xs">
              <div class="easypiechart inline easyPieChart" data-percent="75" data-line-width="5" data-bar-color="#1aae88" data-track-color="#f5f5f5" data-scale-color="false" data-size="138" data-line-cap="butt" data-animate="1000">
                <a href="/{$languageURL}user/{$smarty.session.user.username}/" class="thumb-lg hover pos-rlt" style="z-index:2;">
                  {if $smarty.session.user.avatar != ''}
                  <img alt="{$smarty.session.user.username}" src="{$data_server}uploads/users/{$smarty.session.user.user_id}/A_{$smarty.session.user.avatar}" class="img-circle m-t-n-xxxs hover-rotate360" />
                  {else}
                  <img alt="{$smarty.session.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="#1aae88" data-track-color="#f5f5f5" data-scale-color="false" data-size="100" data-line-cap="butt" data-animate="1000">
                <a href="/{$languageURL}user/{$smarty.session.user.username}/" class="thumb-lg hover pos-rlt" style="z-index:2;">
                  {if $smarty.session.user.avatar != ''}
                  <img alt="{$smarty.session.user.username}" src="{$data_server}uploads/users/{$smarty.session.user.user_id}/A_{$smarty.session.user.avatar}" class="img-circle m-t-n-xxxs hover-rotate360" />
                  {else}
                  <img alt="{$smarty.session.user.username}" src="{$template_data}img/default-user.jpg" class="img-circle m-t-n-xxxs hover-rotate360" />
                  {/if}
                </a>
                <canvas width="100" height="100"></canvas>
              </div>
            </div>
            <div class="h2 h2-xs text-white m-t m-b-xs">
              {$smarty.session.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-grey">
              {if $smarty.session.user.profile_title != ''}{$smarty.session.user.profile_title}{else}作者太懒了，没填签名呢{/if}
            </small>
          </div>
          <footer class="panel-footer user-footer-b no-bgc no-border text-center">
            <div class="wrapper m-t-sm m-sm">
              <div class="row m-b">
                <div class="col-xs-6 text-right">
                  <small>
                    所在城市
                  </small>
                  <div class="text-lt font-bold">
                    {$smarty.session.user.live_city}
                  </div>
                </div>
                <div class="col-xs-6 text-left">
                  <small>
                    Ta的微博
                  </small>
                  <div class="text-lt font-bold">
                    @mobanbox
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-xs-6 text-right">
                  <small>
                    是否定制
                  </small>
                  <div class="text-lt font-bold">
                    可接受定制
                  </div>
                </div>
                <div class="col-xs-6 text-left">
                  <small>
                    最后登录
                  </small>
                  <div class="text-lt font-bold">
                    {$smarty.session.user.last_login_datetime|date_format:"%y-%m-%d"}
                  </div>
                </div>
              </div>
            </div>
          </footer>
        </section>

      </div>
    </div>
  </div>
  <script src="/mbthemes/js/canvas/animation.js"></script>
  <script src="/mbthemes/js/canvas/main.js"></script>
  <canvas class="cover block"></canvas>
  <div class="cover block visible-xs-block"></div>
</section>