{include file="$template_path/html/header.html"}
<link href="{$template_data}scripts/plug/mobanboxmedia/jquery.mobanboxmedia.css" rel="stylesheet" />
{include file="$template_path/js/index.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-z4" role="main">
    {include file="$template_path/html/pagenav.html"}
    <div class="app-body" id="view">
      <!-- ############ PAGE START-->
      <div class="clearfix grey-100 p-t-md p-b-md">
        <div class="container">

          <div class="row">
            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-2">
              <h3 class="m-t-none m-b-none phone-h2">
                {$categoriesList9}
                <b class="label text-sm rounded danger up">{$allRows}</b>
              </h3>
            </div>
            <div class="col-lg-6 small-nav">
              {$categoriesList7}
            </div>
            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-4 text-right">
              <form action="" id="sortbyform" method="get">
                <input id="order-type" name="order" type="hidden" value="{if $smarty.get.order == 'asc'}desc{else}asc{/if}" />
                <input type="hidden" id="sort_by" name="sort_by" />
                <div class="btn-group m-t-xs">

                  <a href="javascript: void(0);" onclick="document.getElementById('sort_by').value='sales_count';document.getElementById('sortbyform').submit();"{if $smarty.get.sort_by == 'sales_count'} class="btn p-l-md p-r p-y-xs btn-outline skin" {else} class="btn p-l-md p-r p-y-xs btn-outline b-skin text-skin"{/if} title="" data-toggle="tooltip" data-placement="bottom" data-original-title="按销量排序">
                  销量
                  <i class="icon-xjt1 m-l-xs"></i>
                  </a>
                  <a href="javascript: void(0);" onclick="document.getElementById('sort_by').value='cost';document.getElementById('sortbyform').submit();"{if $smarty.get.sort_by == 'cost'} class="btn p-l-md p-r p-y-xs btn-outline skin" {else} class="btn p-l-md p-r p-y-xs btn-outline b-skin text-skin"{/if} title="" data-toggle="tooltip" data-placement="bottom" data-original-title="按价格排序">
                  价格
                  <i class="icon-xjt1 m-l-xs"></i>
                  </a>
                  <a href="javascript: void(0);" onclick="document.getElementById('sort_by').value='published_at';document.getElementById('sortbyform').submit();"{if $smarty.get.sort_by == 'published_at'} class="btn p-l-md p-r p-y-xs btn-outline skin" {else} class="btn p-l-md p-r p-y-xs btn-outline b-skin text-skin"{/if} data-toggle="tooltip" data-placement="bottom" data-original-title="按日期排序">
                  日期
                  <i class="icon-xjt1 m-l-xs"></i>
                  </a>

                </div>

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


          {if $items}
          <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">
                          <i class="icon-eye"></i>
                        </a>
                        <a href="/{$languageURL}items/{$i.id}" target="_blank" class="btn btn-lg btn-danger">
                          <i class="icon-magnifier-add"></i>
                        </a>
                      </div>
                    </div>
                    <span class="sale">
                      <i class="icon-handbag m-r-xs"></i> {$i.sales}
                    </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="text-muted m-b-xs">
                    <a href="/{$languageURL}items/{$i.id}" target="_blank" class="m-r"><i class="icon-eye m-r-xs"></i> 481</a>
                    <a href="/{$languageURL}items/{$i.id}" target="_blank"><i class="icon-handbag m-r-xs"></i> 8</a>
                  </div>
                  <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/{$users[$i.user_id].username}" target="_blank" title="{$users[$i.user_id].nickname}" class="pull-left m-r-sm">
                      <span class="w-32 avatar">
                        {if $users[$i.user_id].avatar != ''}
                        <img src="{$data_server}uploads/users/{$i.user_id}/A_{$users[$i.user_id].avatar}" />
                        {else}
                        <span class="circle skin _100 w-32 fs-80">
                          NP
                        </span>
                        {/if}
                      </span>
                    </a>
                    <a href="/{$languageURL}user/{$users[$i.user_id].username}" target="_blank" class="pull-left m-t-sm clear">
                      {$users[$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>
          {$paging}
          {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>还没有作品</h3>
                </div>
              </section>
            </div>
          </div>
          {/if}

        </div>
      </div>
      <!-- ############ PAGE END-->
    </div>
    {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>

</body>
</html>