{layout layout}
<link rel="stylesheet" href="/view/default/static/css/appcenter.css?v=1">
{* 应用下载中心 · 列表（view/default/node/app.html）
   栏目 template_list = app 指定。
   分类（插件/模板/整站）由 appcenter 插件注入：
     · content_list_query 过滤器按 ?type= 过滤
     · node_view 注入 $ac_categories / $ac_counts / $ac_active 并装饰每个列表项
   应用本体是自定义模型 app 的内容，文件与积分价在 resdownload 字段里。 *}

<section class="ac-hero">
  <div class="container">
    <nav class="breadcrumb" aria-label="{lang common.breadcrumb}">
      <a href="{$entry_prefix}/">{lang common.home}</a>
      <span>/</span>
      <span>{$node.name}</span>
    </nav>

    <div class="ac-hero__inner" style="margin-top:14px">
      <div>
        <p class="ac-hero__eyebrow">APP CENTER</p>
        <h1 class="ac-hero__title">{if !empty($node.title)}{$node.title}{else}{$node.name}{/if}</h1>
        {if !empty($node.description)}
        <p class="ac-hero__desc">{$node.description}</p>
        {/if}

        {if !empty($ac_counts)}
        <div class="ac-hero__stats">
          <span class="ac-stat"><b>{$ac_counts.all}</b> 全部</span>
          <span class="ac-stat"><b>{$ac_counts.plugin}</b> 插件</span>
          <span class="ac-stat"><b>{$ac_counts.template}</b> 模板</span>
          <span class="ac-stat"><b>{$ac_counts.site}</b> 整站</span>
        </div>
        {/if}
      </div>

      <a class="btn btn-primary btn-lg" href="{$entry_prefix}/member/submit?node_id={if !empty($node.id)}{$node.id}{/if}">上传我的应用</a>
    </div>
  </div>
</section>

<div class="container ac-main">

  {if !empty($ac_categories)}
  <nav class="ac-tabs" aria-label="应用分类">
    {loop $ac_categories as $cat}
    <a class="ac-tab{if !empty($cat.active)} is-active{/if}" href="{$cat.url}">
      {$cat.label}
      <span class="ac-tab__count">{$cat.count}</span>
    </a>
    {/loop}
  </nav>
  {/if}

  {* 模板的行业二级分类（企业 / 资讯 / 游戏娱乐 / 资源下载 / 其他） *}
  {if $ac_active == 'template' && !empty($ac_industries)}
  <nav class="ac-indbar" aria-label="模板行业分类">
    {loop $ac_industries as $ind}
    <a class="ac-ind{if !empty($ind.active)} is-active{/if}{if !empty($ind.empty)} is-empty{/if}" href="{$ind.url}">
      {$ind.label}
      <span class="ac-ind__count">{$ind.count}</span>
    </a>
    {/loop}
  </nav>
  {/if}

  {if !empty($list)}
  <ul class="ac-grid">
    {loop $list as $item}
    <li class="ac-card ac-card--{$item.ac_type}">
      {if !empty($item.thumb)}
      <a class="ac-card__shot" href="{$item.url}" tabindex="-1" aria-hidden="true">
        <img src="{$item.thumb}" alt="{$item.title} 预览" loading="lazy">
      </a>
      {/if}
      <div class="ac-card__head">
        <span class="ac-card__icon">{$item.ac_type_letter}</span>
        <div>
          <h3 class="ac-card__title"><a href="{$item.url}">{$item.title}</a></h3>
          <p class="ac-card__sub">
            {if !empty($item.ac_type_label)}<span class="ac-badge ac-badge--{$item.ac_type}">{$item.ac_type_label}</span>{/if}
            {if !empty($item.ac_industry_label)}<span class="ac-card__ind">{$item.ac_industry_label}</span>{/if}
            {if !empty($item.version)}<span>v{$item.version}</span>{/if}
          </p>
        </div>
      </div>

      {if !empty($item.description)}
      <p class="ac-card__desc">{$item.description|limit=90}</p>
      {/if}

      <div class="ac-card__meta">
        {if !empty($item.views)}<span>{$item.views} 浏览</span>{/if}
        {if !empty($item.created_at_date)}<span>{$item.created_at_date}</span>{/if}
      </div>

      <div class="ac-card__foot">
        {if !empty($item.ac_is_free)}
        <span class="ac-price ac-price--free">免费</span>
        {else}
        <span class="ac-price">{$item.ac_price_text}</span>
        {/if}
        <a class="btn btn-primary" href="{$item.url}">查看详情</a>
      </div>
    </li>
    {/loop}
  </ul>

  {if !empty($pager)}{include common/pager}{/if}
  {else}
  <div class="ac-empty">
    <h3>{if $ac_active == 'plugin'}还没有插件{elseif $ac_active == 'template'}{if !empty($ac_industry) && $ac_industry != 'all'}「{$ac_industry_label}」还没有模板{else}还没有模板{/if}{elseif $ac_active == 'site'}还没有整站{else}还没有应用{/if}</h3>
    <p>{if $ac_active == 'all'}来做第一个上传者吧。{else}这个分类下暂时没有内容，看看其它分类吧。{/if}</p>
    {if !empty($ac_categories)}
    <p style="margin-top:16px"><a class="btn btn-primary" href="{$entry_prefix}/list/apps">查看全部应用</a></p>
    {/if}
  </div>
  {/if}
</div>