{include file="$template_path/html/header.html"}
{include file="$template_path/js/space.html"}
{include file="$template_path/html/jstemplate.html"}
<script src="/mbthemes/scripts/canvas/animation.js"></script>
</head>
<body>
<div class="app" id="app">
  {include file="$template_path/html/mobile-nav.html"}
  <!-- content -->
  <div id="content" class="app-content box-shadow-z4" role="main">
    <div ui-view class="app-body" id="view">
      <!-- ############ PAGE START-->
      {include file="$template_path/html/user-top.html"}
      <div class="clearfix white p-t-md">
        <div class="container">

          <div class="row m-t-xs">
            <div class="col-xs-4 col-md-3 col-lg-3">
              <h3 class="m-t-none m-b-none phone-h2 m-t-xs">
                <i class="icon-daimaj text-skin"></i> Ta的作品
              </h3>
            </div>
            <div class="col-xs-6 col-md-6 col-lg-6 hidden-sm-down">

            </div>
            <div class="col-xs-8 col-md-3 col-lg-3 text-right">
              <div class="btn-group">
                <button type="button" class="btn phonebtn p-x-md p-xs-x btn-outline skin">最新</button>
                <button type="button" class="btn phonebtn p-x-md p-xs-x btn-outline b-skin text-skin">热门</button>
                <button type="button" class="btn phonebtn p-x-md p-xs-x btn-outline b-skin text-skin">推荐</button>
              </div>
            </div>
          </div>
        </div>
      </div>


      {if $items}
      <div class="clearfix white">
        <div class="container">
          <div class="row m-t">

            {foreach from=$items item=i name=foo}

            <div class="col-xs-6 col-sm-6 col-md-4">
              <section class="box mb-col b-a pos-rlt image">
                <div class="browser clearfix">
                  <span class="col-xs-3 col-sm-3">
                    <i class="yuan"></i>
                  </span>
                  <span class="col-xs-6 col-sm-6">
                    <em>
                    </em>
                  </span>
                  <span class="col-xs-3 col-sm-3 three">
                    <i class="icon-cross2"></i>
                    <i class="icon-check_box_outline_blank"></i>
                    <i class="icon-minus3"></i>
                  </span>
                </div>
                <div class="box-body pic">
                  <div class="img-container fx-img-rotate-l fx-opt-zoom-out">
                    <img src="{$data_server}uploads/items/{$i.id}/{$i.thumbnail}" alt="{$i.name|escape}" class="img-responsive">
                    <div class="img-options opw">
                      <div class="img-options-content">
                        <a href="/{$languageURL}items/{$i.id}" target="_blank" class="btn btn-lg skin m-r-md hidden-xs-down">
                          <i class="icon-eye"></i>
                        </a>
                        <a href="/{$languageURL}items/{$i.id}" target="_blank" class="btn btn-lg danger">
                          <i class="icon-magnifier-add"></i>
                        </a>
                      </div>
                    </div>
                    <span class="sale">
                      <i class="icon-handbag m-r-xs"></i> 4
                    </span>
                  </div>
                </div>
                <a class="ribbon ribbon-skin">{foreach from=$i.categories item=e}
                  {foreach from=$e item=c name=foo}
                  {if $smarty.foreach.foo.last}{$categories[$c].name}{/if}
                  {/foreach}
                  {/foreach}</a>
                <div class="mb-footer">
                  <div class="h-2xx"><a href="/{$languageURL}items/{$i.id}" target="_blank" class="h5">{$i.name|escape}</a></div>
                  <div class="clearfix m-t-xs">
                    <a href="/{$languageURL}user/{$userss[$i.user_id].username}" target="_blank" title="{$users[$i.user_id].nickname}" class="pull-left m-r-sm">
                      <span class="w-32 avatar">
                        {if $userss[$i.user_id].avatar != ''}
                        <img src="{$data_server}uploads/users/{$i.user_id}/A_{$userss[$i.user_id].avatar}" />
                        {else}
                        <span class="w-32 circle skin fs-80 _100">
                          NP
                        </span>
                        {/if}
                      </span>
                    </a>
                    <a href="/{$languageURL}user/{$userss[$i.user_id].username}" target="_blank" class="pull-left m-t-sm clear">
                      {$userss[$i.user_id].nickname}
                    </a>
                    <div class="pull-right">
                      <div class="h-32"><span class="price-rmb text-skin"><small>￥</small>{if $i.free_file == 'true'}0{else}{$i.price}{/if}</span></div>
                    </div>
                  </div>
                </div>
              </section>
            </div>
            {/foreach}
          </div>
        </div>
      </div>

      <div class="grey-100 p-t-xs clearfix">
        <nav class="text-center">
          <ul class="page-list">
            <li class="disabled">
              <a href="" aria-label="Previous" class="page-items">
                <span aria-hidden="true"><i class="icon-zjt"></i> </span>
                <span class="sr-only">Previous</span>
              </a>
            </li>
            <li>
              <a href="" class="page-items active b-skin text-skin">1 <span class="sr-only">(current)</span></a>
            </li>
            <li><a href="" class="page-items">2</a></li>
            <li><a href="" class="page-items">3</a></li>
            <li><a href="" class="page-items">4</a></li>
            <li><a href="" class="page-items">5</a></li>
            <li>
              <a href="" aria-label="Next" class="page-items">
                <span aria-hidden="true"><i class="icon-yjt"></i> </span>
                <span class="sr-only">Next</span>
              </a>
            </li>
          </ul>
        </nav>
      </div>
      {else}
      <div class="white p-y-lg clearfix">
        <div class="container text-center p-y-lg h3">还没有作品</div>
      </div>
      {/if}
    </div>
    <!-- ############ PAGE END-->
    {include file="$template_path/html/footer.html"}
  </div>
  {include file="$template_path/html/backtop.html"}
  {include file="$template_path/html/mb-settings.html"}
  <!-- ############ LAYOUT END-->
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    {include file="$template_path/items/purchase_panel.html"}
  </div>
</div>
</body>
</html>