{block name="style"}<link rel="stylesheet" href="/static/download/css/download.css">{__inline__}{/block}

<div class="dl-wrap">

    <section class="dl-hero">
        <div>
            <h2>{$site_name} · 海量资源 高速免费下载</h2>
            <p>精选软件、源码与工具，安全无捆绑，下载更省心。</p>
            <div class="slogan">一键下载 · 更新无插件 · 卸载无残留</div>
        </div>
        <a class="dl-hero-btn" href="{:url('index/list', ['cid'=>0])}">{$all_category_text}</a>
    </section>

    {notempty name="hot"}
    <section class="dl-block">
        <div class="dl-block-head">
            <h2 class="dl-block-title">{$hot_text}</h2>
            <span class="dl-refresh" onclick="location.href='{:url(\'index/index\')}'">换一换</span>
        </div>
        <ul class="dl-grid">
            {volist name="hot" id="item"}
            <li class="dl-card">
                <a href="{:url('index/detail', ['id'=>$item.id])}">
                    <img class="dl-cover" src="{$item.cover|default='/static/download/img/default.svg'}" alt="{$item.title|lang}">
                    <span class="dl-name">{$item.title|lang}</span>
                </a>
                <p class="dl-desc">{$item.intro|default=''}</p>
                <span class="dl-meta">{$item.size_text|default='-'}</span>
                <a class="dl-card-btn" href="{:url('index/down', ['id'=>$item.id])}">{$download_btn_text}</a>
            </li>
            {/volist}
        </ul>
    </section>
    {/notempty}

    {notempty name="news"}
    <section class="dl-block">
        <div class="dl-block-head">
            <h2 class="dl-block-title">{$latest_text}</h2>
            <span class="dl-refresh" onclick="location.href='{:url(\'index/index\')}'">换一换</span>
        </div>
        <ul class="dl-grid">
            {volist name="news" id="item"}
            <li class="dl-card">
                <a href="{:url('index/detail', ['id'=>$item.id])}">
                    <img class="dl-cover" src="{$item.cover|default='/static/download/img/default.svg'}" alt="{$item.title|lang}">
                    <span class="dl-name">{$item.title|lang}</span>
                </a>
                <p class="dl-desc">{$item.intro|default=''}</p>
                <span class="dl-meta">{$item.size_text|default='-'}</span>
                <a class="dl-card-btn" href="{:url('index/down', ['id'=>$item.id])}">{$download_btn_text}</a>
            </li>
            {/volist}
        </ul>
    </section>
    {/notempty}

    <section class="dl-block">
        <div class="dl-block-head">
            <h2 class="dl-block-title">{$all_category_text}</h2>
        </div>
        <div class="dl-cat-grid">
            {volist name="categories" id="cat"}
            <div class="dl-cat">
                <h3><a href="{:url('index/list', ['cid'=>$cat.id])}">{$cat.title|lang}</a></h3>
                <div class="dl-cat-list">
                    {volist name="cat.resources" id="r"}
                    <a href="{:url('index/detail', ['id'=>$r.id])}">{$r.title|lang}</a>
                    {/volist}
                </div>
                <a class="dl-cat-more" href="{:url('index/list', ['cid'=>$cat.id])}">{$all_category_text} ›</a>
            </div>
            {/volist}
        </div>
    </section>

</div>