<!DOCTYPE html>
<html{if="$language !=='auto'"} lang=" {$language}"{/if}>
<head>
{include="includes"}
</head>
<body>
{include="page.header"}
{include="tag.sort"}
<section>
{$countTags=count($tags)}
<h2>{'Tag cloud'|t} - {$countTags} {'tags'|t}</h2>
<form method="GET">
<input type="hidden" name="do" value="tagcloud">
<input type="text" name="searchtags" aria-label="{'Filter by tag'|t}" placeholder="{'Filter by tag'|t}"
{if="!empty($search_tags)"} value="{$search_tags}" {/if} autocomplete="off" data-multiple data-autofirst
data-minChars="1" data-list="{loop="$tags "}{$key}, {/loop}" class="autofocus">
<input type="submit" value="{'Search'|t}">
{if="!empty($search_tags)"}
<a role="button" class="success" href="{$base_path}/?searchtags={$search_tags_url}">
{'List all links with those tags'|t}
</a>
{/if}
</form>
<div id="plugin_zone_start_tagcloud" class="plugin_zone">
{loop="$plugin_start_zone"}
{$value}
{/loop}
</div>
<div class="cloudtag-container">
{loop="tags"}
<a href="{$base_path}/?searchtags={$tags_url.$key1}{$tags_separator|urlencode}{$search_tags_url}"
style="font-size:{$value.size}rem;">{$key}</a><a href="{$base_path}/add-tag/{$tags_url.$key1}"
title="{'Filter by tag'|t}" class="count">{$value.count}</a>
{loop="$value.tag_plugin"}
{$value}
{/loop}
{/loop}
</div>
<div id="plugin_zone_end_tagcloud" class="plugin_zone">
{loop="$plugin_end_zone"}
{$value}
{/loop}
</div>
</section>
{include="tag.sort"}
{include="page.footer"}
</body>
</html>