<link rel="stylesheet" type="text/css" href="{{asset "css/archive-tags.css"}}" />

<div class="archive-tags-outer">
    <archive-tags data-current-tag="all-tags">
        <div class="button archive-tag-button">
            <input id="all-tags" type="radio" name="archive-tags" data-name="{{t "All Tags"}}" checked>
            <label class="radio-button-text" for="all-tags">
                {{t "All Tags"}} ({{#get "posts" limit="all"}}{{posts.length}}{{/get}})
            </label>
        </div>

        {{#get "tags" include="count.posts" limit="all"}}
            {{#foreach tags}}
                <div class="account-buttons-separator archive-tags-separator"></div>

                <div class="button archive-tag-button">
                    <input id="{{slug}}" type="radio" name="archive-tags" data-name="{{name}}">
                    <label class="radio-button-text" for="{{slug}}">
                        {{name}} ({{count.posts}})
                    </label>
                </div>
            {{/foreach}}
        {{/get}}
    </archive-tags>
</div>