<div class="account">
	<!-- IMPORT partials/account/header.tpl -->

	<div class="row">
		<h1>{title}</h1>
		<div class="col-lg-12">
			<div class="btn-group bottom-sheet" component="category/watch/all">
				<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
					<span>[[user:change_all]]</span>
					<span class="caret"></span>
				</button>
				<ul class="dropdown-menu">
					<li><a href="#" component="category/watching" data-state="watching"><i class="fa fa-fw fa-inbox"></i> [[category:watching]]<p class="help-text"><small>[[category:watching.description]]</small></p></a></li>
					<li><a href="#" component="category/notwatching" data-state="notwatching"><i class="fa fa-fw fa-clock-o"></i> [[category:not-watching]]<p class="help-text"><small>[[category:not-watching.description]]</small></p></a></li>
					<li><a href="#" component="category/ignoring" data-state="ignoring"><i class="fa fa-fw fa-eye-slash"></i> [[category:ignoring]]<p class="help-text"><small>[[category:ignoring.description]]</small></p></a></li>
				</ul>
			</div>
		</div>
		<div class="col-lg-12">
			<ul class="categories" itemscope itemtype="http://www.schema.org/ItemList">
				{{{each categories}}}
				<!-- IMPORT partials/account/category-item.tpl -->
				{{{end}}}
			</ul>
		</div>
	</div>
</div>