{include "parts/flash.html"}
<div class="wrap">
<div class="breadcrumb"><a href="{$base}/">首页</a> › <a href="{$base}/user/center">用户中心</a> › 我的收藏</div>
<div class="uc">
{include "parts/ucside.html"}
<div>

<div class="card mb16">
<div class="card-h"><span class="bar"></span><h1 style="font-size:18px">我的收藏</h1>
<span class="more">共 <b>{$total}</b> 个工具{if $conf.collect_max}，上限 {$conf.collect_max} 个{/if}</span></div>
<div class="card-b">
{if $list}
<div id="ll-fav-list" data-token="{:ll_e(ll_csrf_token())}" data-url="{$base}/user/collect">
<table class="table">
<thead><tr><th style="width:88px">排序</th><th style="width:44px">图标</th><th>工具名称</th><th style="width:150px">收藏时间</th><th style="width:180px">操作</th></tr></thead>
<tbody>
{loop $list as $t}
<tr data-slug="{$t.slug}">
<td>
<button type="button" class="btn line sm" data-move="-1" title="上移">↑</button>
<button type="button" class="btn line sm" data-move="1" title="下移">↓</button>
</td>
<td style="font-size:18px">{$t.icon}</td>
<td><a href="{:ll_tool_url($t['slug'])}"><b>{$t.name}</b></a> <span class="muted small">{$t.description|cut:32}</span></td>
<td class="small">{$t.collect_time|date:Y-m-d H:i}</td>
<td>
<a class="btn sm" href="{:ll_tool_url($t['slug'])}">立即查询</a>
<button type="button" class="btn line sm" data-drop="{$t.slug}">取消收藏</button>
</td>
</tr>
{/loop}
</tbody>
</table>
</div>
<div class="note info mt16">用 ↑ ↓ 可调整收藏顺序，调整后的顺序就是首页「我的收藏」的显示顺序。点工具卡片上的 ★ 也能收藏。</div>
{else}
<div class="fav-empty">
收藏夹还是空的。<br>
在任意工具页点击「☆ 收藏工具」，或点亮首页工具卡片右下角的星标即可收藏。<br>
<a class="btn mt16" href="{$base}/seo">去挑选工具</a>
</div>
{/if}
</div>
</div>

{if $rec}
<div class="card">
<div class="card-h"><span class="bar"></span><h3>推荐收藏</h3><span class="more">站长常用，点星标加入收藏</span></div>
<div class="card-b fav-bar">
{loop $rec as $t}
<a class="fav-chip" href="{:ll_tool_url($t['slug'])}"><span>{$t.icon}</span><span>{$t.name}</span>
<button type="button" class="star{if !empty($t.collected)} on{/if}" data-slug="{$t.slug}" style="position:static;width:auto;height:auto">{if !empty($t.collected)}★{else}☆{/if}</button>
</a>
{/loop}
</div>
</div>
{/if}

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