{include "parts/flash.html"}
{include "parts/hero.html"}

<div class="wrap">

<!-- ============ 我的收藏：仅登录用户可见 ============ -->
{if $is_login && $collect_on}
{if $my}
<div class="sec">
<span class="bar"></span><h2>我的收藏</h2>
<span class="tip">共 <b data-favnum>{$collect_num}</b> 个常用工具，点击星标可取消收藏</span>
<span class="ops"><a class="btn line sm" href="{$base}/user/collect">管理收藏</a></span>
</div>
<div class="fav-bar" id="ll-fav">
{loop $my as $t}
{if $t.slug}
<a class="fav-chip" href="{:ll_tool_url($t['slug'])}">
<span>{$t.icon}</span><span>{$t.name}</span>
<button type="button" class="x star-on" data-slug="{$t.slug}" data-do="del" title="取消收藏">★</button>
</a>
{/if}
{/loop}
</div>
{else}
<div class="sec"><span class="bar"></span><h2>我的收藏</h2><span class="tip">还没有收藏，点亮工具卡片右下角的星标即可收藏</span></div>
<div class="fav-empty">收藏夹是空的 —— 把常用的查询工具收藏起来，下次从首页一步直达。
{if $rec}<div class="mt16"><form method="post" action="{$base}/"><input type="hidden" name="collect_all" value="1">{:ll_csrf_field()}<button type="submit" class="btn sm ghost">一键收藏推荐工具</button></form></div>{/if}
</div>
{/if}
{/if}

<!-- ============ 推荐工具 ============ -->
{if $rec}
<div class="sec">
<span class="bar"></span><h2>推荐工具</h2>
<span class="tip">站长最常用的 {$rec|count} 个工具</span>
{if $is_login}<span class="ops"><form method="post" action="{$base}/" style="display:inline"><input type="hidden" name="collect_all" value="1">{:ll_csrf_field()}<button type="submit" class="btn line sm">一键收藏</button></form></span>{/if}
</div>
<div class="grid c4">
{loop $rec as $t}{include "parts/tcard.html"}{/loop}
</div>
{/if}

<!-- ============ 随机推荐 ============ -->
{if $random && $conf.random_enable}
<div class="sec">
<span class="bar" style="background:var(--c-accent)"></span><h2>随机推荐</h2>
<span class="tip">换个角度发现好用的工具</span>
<span class="ops"><button type="button" class="btn line sm" data-rand="ll-random" data-num="{:max(4, intval($conf.random_num))}">换一批 ↻</button></span>
</div>
<div class="grid" id="ll-random">
{loop $random as $t}{include "parts/tcard.html"}{/loop}
</div>
{/if}

<!-- ============ 公告 ============ -->
{if $notes}
<div class="card pad mt24">
<div class="row" style="align-items:center">
<span style="font-size:20px">📢</span>
<div style="flex:1;min-width:0">
{loop $notes as $n}
{if $i == 0}<a class="nt-t" href="{:ll_note_url($n['id'])}"><b>{$n.title}</b></a> <span class="muted small">{:ll_time_ago($n['add_time'])}</span>{/if}
{/loop}
</div>
<a class="small" href="{:ll_note_url()}">查看更多</a>
</div>
</div>
{/if}

<!-- ============ 全部分类工具 ============ -->
<div class="sec">
<span class="bar" style="background:var(--c-green)"></span><h2>全部分类</h2>
<span class="tip">共 {$total_tools} 个工具，开箱即用</span>
<span class="ops">
<form method="get" action="{$base}/" style="display:flex;gap:6px">
<select name="cat" class="inp" style="height:32px;width:auto;padding:0 10px" onchange="this.form.submit()">
<option value="">全部分类</option>
{loop $cats as $c}<option value="{$c.slug}"{if $cur_cat == $c.slug} selected{/if}>{$c.name}</option>{/loop}
</select>
<input class="inp" style="height:32px;width:180px;padding:0 10px" name="kw" value="{$kw}" placeholder="筛选工具名称/标签">
<button class="btn sm" type="submit">筛选</button>
</form>
</span>
</div>

{if $groups}
{loop $groups as $g}
{if $g.cat}
<div class="cat-h">
<span class="ic">{$g.cat.icon}</span>
<h3><a href="{$base}/cat/{$g.cat.slug}">{$g.cat.name}</a></h3>
<span class="n">{$g.cat.desc} · {:count($g['tools'])} 个</span>
<span class="line"></span>
<a href="{$base}/cat/{$g.cat.slug}">进入分类 →</a>
</div>
<div class="grid">
{loop $g.tools as $t}{include "parts/tcard.html"}{/loop}
</div>
{else}
<div class="grid">
{loop $g.tools as $t}{include "parts/tcard.html"}{/loop}
</div>
{/if}
{/loop}
{else}
<div class="fav-empty">没有匹配「{$kw}」的工具，换个关键词试试，或 <a href="{$base}/search?kw={:urlencode($kw)}">使用站内搜索</a>。</div>
{/if}

<!-- ============ 热门与最近 ============ -->
<div class="row mt24">
<div class="col" style="width:33.33%">
<div class="card">
<div class="card-h"><span class="bar"></span><h3>7 日热门工具</h3><a class="more" href="{$base}/seo">全部</a></div>
<div class="card-b rank">
{if $hot_tools}{loop $hot_tools as $h}
<li><span class="no">{$idx}</span><a href="{:ll_tool_url($h['slug'])}">{:ll_tool_name($h['slug'])}</a><span class="muted small" style="margin-left:auto">{$h.n} 次</span></li>
{/loop}{else}<p class="muted small">暂无使用记录</p>{/if}
</div>
</div>
</div>
<div class="col" style="width:33.33%">
<div class="card">
<div class="card-h"><span class="bar"></span><h3>最近查询</h3><span class="more">10 分钟内</span></div>
<div class="card-b rank">
{if $recent}{loop $recent as $r}
<li><span class="no">{:mb_substr($r['input'],0,1,'UTF-8')}</span><a class="ell" href="{:ll_tool_url($r['slug'], $r['input'])}" style="max-width:150px">{$r.input}</a><span class="muted small" style="margin-left:auto">{:ll_time_ago($r.add_time)}</span></li>
{/loop}{else}<p class="muted small">还没有人查询，快来抢沙发</p>{/if}
</div>
</div>
</div>
<div class="col" style="width:33.34%">
<div class="card">
{if $can_member}
<div class="card-h"><span class="bar"></span><h3>积分玩法</h3><a class="more" href="{$base}/user/task">去做任务</a></div>
<div class="card-b">
<ul class="task">
<li><span class="ic">📅</span><span class="m"><b>每日签到</b><span class="p">连续签到递增，满 7 / 30 天额外奖励</span></span><a class="btn sm line" href="{$base}/user/sign">签到</a></li>
<li><span class="ic">🎯</span><span class="m"><b>任务中心</b><span class="p">使用工具、分享、邀请、绑定邮箱、收藏工具</span></span><a class="btn sm line" href="{$base}/user/task">领取</a></li>
<li><span class="ic">🔥</span><span class="m"><b>连续登录</b><span class="p">每天登录自动累计送积分</span></span><a class="btn sm line" href="{$base}/user/center">查看</a></li>
</ul>
{if !$is_login}<a class="btn mt10" style="width:100%" href="{$base}/user/register">注册即送 {:intval($conf.register_point)} 积分</a>{/if}
</div>
{else}
<div class="card-h"><span class="bar"></span><h3>工具分类</h3><a class="more" href="{$base}/tool">全部工具</a></div>
<div class="card-b">
<ul class="task">
{loop $cats as $c}<li><span class="ic">{$c.icon}</span><span class="m"><b>{$c.name}</b><span class="p">{$c.desc}</span></span>{if $c.slug}<a class="btn sm line" href="{$base}/cat/{$c.slug}">查看</a>{/if}</li>{/loop}
</ul>
<p class="muted small mt10">帮助文档：<a href="{$base}/p/guide">使用教程</a> · <a href="{$base}/p/about">关于我们</a> · <a href="{$base}/p/contact">联系方式</a></p>
</div>
{/if}
</div>
</div>
</div>

</div>