{include "parts/flash.html"}
<div class="wrap">
<div class="breadcrumb"><a href="{$base}/">首页</a> › {if !empty($cat)}<a href="{$base}/cat/{$cat.slug}">{$cat.name}</a> › {/if}<a href="{:ll_tool_url($slug)}">{$tool.name}</a>{if $input} › {$input}{/if}</div>

<div class="main-2">
<div class="main">

<!-- 查询表单 -->
<div class="card mb16">
<div class="card-h">
<span class="ic" style="font-size:22px">{$tool.icon}</span>
<h1 style="font-size:19px">{$tool.name}</h1>
{if !empty($tool['need_login'])}<span class="tag point">需登录</span>{/if}
{if $tool.min_level > 0}<span class="tag">Lv.{$tool.min_level}</span>{/if}
<span class="ops" style="margin-left:auto">
{if $collect_on && $can_member}
{if $is_login}
<form method="post" action="{:ll_tool_url($slug)}" style="display:inline">
{:ll_csrf_field()}<input type="hidden" name="do_collect" value="1">
<button type="submit" class="btn line sm">{if $is_collected}★ 已收藏{else}☆ 收藏工具{/if}</button>
</form>
{else}
<a class="btn line sm" href="{$base}/user/login?go={:urlencode('tool/'.$slug)}">☆ 登录后收藏</a>
{/if}
{/if}
</span>
</div>
<div class="card-b">
<p class="muted">{$tool.description}</p>
<form id="ll-tool-form" method="post" action="{:ll_tool_url($slug)}" data-need="{if $tool['input_type'] != 'none'}1{else}0{/if}">
{:ll_csrf_field()}
<input type="hidden" name="q" value="1" disabled id="ll-q-hidden">
<div class="row" style="align-items:center">
<div class="col" style="flex:1;min-width:240px">
{if $tool['input_type'] != 'none'}
<div class="row">
<div class="col" style="width:auto;white-space:nowrap;padding-right:6px;line-height:42px;font-weight:600">{$tool.input_label}</div>
<div class="col" style="flex:1;min-width:200px">
<input class="inp big" type="text" name="q" data-focus value="{$raw_input}" placeholder="{$tool.placeholder}" autocomplete="off" maxlength="{if intval($tool['input_max']) > 0}{$tool.input_max}{else}255{/if}">
</div>
</div>
{/if}
{loop $fields as $f}
{if !empty($f['name'])}
<div class="row mt10">
<div class="col" style="width:auto;white-space:nowrap;padding-right:6px;line-height:42px">{$f['label']|default=$f['name']}</div>
<div class="col" style="flex:1">
{if $f['type'] == 'select'}
<select class="inp" name="{$f['name']}">
{loop $f.options as $o}
{if is_array($o)}<option value="{$o['value']}"{if $extra[$f.name] === $o.value} selected{/if}>{$o['label']|default=$o['value']}</option>
{else}<option value="{$o}"{if $extra[$f.name] === $o} selected{/if}>{$o}</option>{/if}
{/loop}
</select>
{else}
<input class="inp" type="text" name="{$f['name']}" value="{if isset($extra[$f['name']])}{$extra[$f.name]}{/if}" placeholder="{if !empty($f['placeholder'])}{$f['placeholder']}{/if}">
{/if}
</div>
</div>
{/if}
{/loop}
</div>
<div class="col" style="width:auto;padding-left:6px">
<button class="btn lg" type="submit" onclick="var q=document.getElementById('ll-q-hidden');if(q)q.disabled=true;">开始查询</button>
</div>
</div>
</form>
<p class="small muted mt10">
{if !empty($conf['point_enable'])}
{if intval($tool['free_limit']) > 0}本工具累计免费 <b>{$tool.free_limit}</b> 次，超出后每次消耗 <b>{$tool.cost_point}</b> 积分；{/if}
{if intval($tool['daily_limit']) > 0}每日上限 {$tool.daily_limit} 次；{/if}
{if intval($tool['guest_limit']) > 0}游客每日 {$tool.guest_limit} 次；{/if}
{if intval($tool['cache_time']) > 0}相同查询 30 秒内命中缓存免费且不计数。{/if}
{else}本站工具全部免费使用。{/if}
</p>
</div>
</div>

<!-- 提示信息 -->
{if $msg}<div class="note err mb16">{$msg}{if isset($check['login']) && !$check['login']} <a href="{$base}/user/login?go={:urlencode('tool/'.$slug)}">去登录</a>{/if}{if isset($check.need)}，还差 {$check['need']} 积分，<a href="{$base}/user/task">做任务赚积分 →</a>{/if}</div>{/if}

<!-- 查询结果 -->
{if $is_query}
<div class="card mb16">
<div class="card-h">
<span class="bar"></span><h2>{if !empty($result['title'])}{$result['title']}{else}{$tool.name}结果{/if}</h2>
{if $input}<span class="muted small">：{$input}</span>{/if}
<span class="more">
{if $cached}<span class="tag free">缓存结果</span>{/if}
{if $cost > 0}<span class="tag point">本次消耗 {$cost} 积分</span>{/if}
<a class="copy" data-copy="{:ll_e($input)}">复制输入</a>
{if $input}<a href="{:ll_tool_url($slug, $input)}?refresh=1" class="btn sm line" style="margin-left:6px">强制刷新</a>{/if}
</span>
</div>
<div class="card-b">
{include "parts/result.html"}
</div>
</div>
{/if}

<!-- 热门输入 / 历史 -->
{if $hot_inputs || ($history && $is_login)}
<div class="row mb16">
{if !empty($hot_inputs)}
<div class="col" style="width:50%">
<div class="card"><div class="card-h"><span class="bar"></span><h3>7 日热门查询</h3></div>
<div class="card-b fav-bar">
{loop $hot_inputs as $hi}<a class="fav-chip" href="{:ll_tool_url($slug, $hi)}">{$hi|cut:24}</a>{/loop}
</div></div>
</div>
{/if}
{if !empty($history) && $is_login}
<div class="col" style="width:50%">
<div class="card"><div class="card-h"><span class="bar"></span><h3>我的查询记录</h3><a class="more" href="{$base}/user/history">全部</a></div>
<div class="card-b fav-bar">
{loop $history as $h}<a class="fav-chip" href="{:ll_tool_url($slug, $h)}">{$h|cut:24}</a>{/loop}
</div></div>
</div>
{/if}
</div>
{/if}

<!-- 使用说明 -->
{if !empty($tool['help'])}
<div class="card mb16"><div class="card-h"><span class="bar"></span><h3>工具说明</h3></div>
<div class="card-b article">{$tool['help']|raw}</div></div>
{/if}

</div>

<!-- 侧栏 -->
<aside class="side">
{if $can_member}
<div class="card">
<div class="card-h"><span class="bar"></span><h3>我的常用</h3>{if $is_login}<a class="more" href="{$base}/user/collect">管理</a>{/if}</div>
<div class="card-b">
{if $is_login}
{if !empty($collected)}
<div class="fav-bar">{loop $collected as $cs}<a class="fav-chip" href="{:ll_tool_url($cs)}">{:ll_tool_name($cs)}</a>{/loop}</div>
{else}<p class="muted small">还没有收藏工具，点击卡片右上角「收藏工具」按钮即可加入收藏。</p>{/if}
{else}<p class="muted small"><a href="{$base}/user/login">登录</a>后可收藏常用工具，首页一键直达。</p>{/if}
</div>
</div>
{/if}

{if !empty($related)}
<div class="card">
<div class="card-h"><span class="bar"></span><h3>同类工具</h3>{if !empty($cat)}<a class="more" href="{$base}/cat/{$cat.slug}">更多</a>{/if}</div>
<div class="card-b rank">
{loop $related as $r}<li><span>{$r.icon}</span><a href="{:ll_tool_url($r['slug'])}">{$r.name}</a>{if $is_login && $collect_on}<button type="button" class="star{if !empty($r.collected)} on{/if}" data-slug="{$r.slug}" style="position:static">{if !empty($r.collected)}★{else}☆{/if}</button>{/if}</li>{/loop}
</div>
</div>
{/if}

{if !empty($random)}
<div class="card">
<div class="card-h"><span class="bar"></span><h3>随机推荐</h3><button type="button" class="more" data-rand="ll-side-rand">换一批 ↻</button></div>
<div class="card-b fav-bar" id="ll-side-rand">
{loop $random as $t}<a class="fav-chip" href="{:ll_tool_url($t['slug'])}"><span>{$t.icon}</span><span>{$t.name}</span></a>{/loop}
</div>
</div>
{/if}

{if !empty($rec)}
<div class="card">
<div class="card-h"><span class="bar"></span><h3>推荐工具</h3></div>
<div class="card-b rank">
{loop $rec as $t}<li><span>{$t.icon}</span><a href="{:ll_tool_url($t['slug'])}">{$t.name}</a></li>{/loop}
</div>
</div>
{/if}

{if $can_member && !$is_login && !empty($conf['point_enable'])}
<div class="card">
<div class="card-b tc">
<p><b>登录 / 注册</b></p>
<p class="muted small">注册即送 {:intval($conf['register_point'])} 积分，签到做任务还能持续赚积分。</p>
<a class="btn" style="width:100%" href="{$base}/user/register">免费注册</a>
<a class="btn line sm mt10" style="width:100%" href="{$base}/user/login">已有账号登录</a>
</div>
</div>
{/if}
</aside>
</div>
</div>