{{#each channels}}
<div data-id="{{id}}" data-target="#chan-{{id}}" data-title="{{name}}" class="chan {{type}} chan-{{slugify name}}">
	{{#equal type "lobby"}}
		<span class="add-channel-tooltip tooltipped tooltipped-w tooltipped-no-touch" aria-label="Join a channel…" data-alt-label="Cancel">
			<button class="add-channel" aria-label="Join a channel…" data-id="{{id}}"></button>
		</span>
	{{/equal}}
	<span class="badge{{#if highlight}} highlight{{/if}}">{{#if unread}}{{roundBadgeNumber unread}}{{/if}}</span>
	{{#notEqual type "lobby"}}<button class="close" aria-label="Close"></button>{{/notEqual}}
	<span class="name" title="{{name}}">{{name}}</span>
</div>
{{#equal type "lobby"}}
	{{> join_channel}}
{{/equal}}
{{/each}}