{extend name="layout"}
{block name="title"}{$docsTitle}{/block}
{block name="description"}{$docsTitle} - 框架、插件与开发指南的完整在线文档{/block}

{block name="body"}
<section class="dc-hero">
    <div class="dc-hero-inner">
        <h1>{$docsTitle}</h1>
        <p>框架架构、插件开发、会员支付与命令行工具的完整说明，共收录 {$totalDocs} 篇文档</p>
        <form class="dc-hero-search" action="/docs/search" method="get">
            <input type="text" name="kw" placeholder="搜索你想了解的内容..." autocomplete="off">
            <button type="submit">搜索</button>
        </form>
    </div>
</section>

<section class="dc-projects">
    {if condition="empty($projects)"}
    <div class="dc-empty">
        <p>还没有发布任何文档项目</p>
        <p class="dc-empty-tip">请到后台「文档中心 - 文档项目」创建</p>
    </div>
    {else/}
    <div class="dc-project-grid">
        {volist name="projects" id="p"}
        <div class="dc-project-card">
            <div class="dc-project-head">
                <div class="dc-project-icon">
                    {if condition="$p.logo neq ''"}
                    <img src="{$p.logo}" alt="{$p.title}">
                    {else/}
                    <span>{$p.title|mb_substr=0,1,'UTF-8'}</span>
                    {/if}
                </div>
                <div class="dc-project-info">
                    <h2><a href="/docs/{$p.name}">{$p.title}</a></h2>
                    <p>{$p.intro|default='暂无简介'}</p>
                </div>
            </div>

            <div class="dc-project-meta">
                <span>{$p.doc_count} 篇文档</span>
                {if condition="$p.addon neq ''"}
                <span class="dc-tag">插件 {$p.addon}</span>
                {else/}
                <span class="dc-tag">框架核心</span>
                {/if}
            </div>

            {if condition="!empty($p.recent)"}
            <ul class="dc-project-recent">
                {volist name="p.recent" id="r"}
                <li><a href="/docs/{$p.name}/{$r.name}">{$r.title}</a></li>
                {/volist}
            </ul>
            {/if}

            <a class="dc-project-enter" href="/docs/{$p.name}">进入文档 →</a>
        </div>
        {/volist}
    </div>
    {/if}
</section>

<footer class="dc-footer">
    <p>© {$currentYear} {$docsTitle} · Powered by YwxApp</p>
</footer>
{/block}