<div class="card card-header text-xs px-2 py-1 fw-semibold border-0 align-self-start">
	[[flags:x-flags-found, {count}]]
</div>

<table class="table table-hover" component="flags/list">
	<thead>
		<tr>
			<th></th>
			<th class="text-xs text-muted">[[flags:reports]]</th>
			<th class="text-xs text-muted">[[flags:first-reported]]</th>
			<th class="text-xs text-muted">[[flags:state]]</th>
			<th>
				<input type="checkbox" data-action="toggle-all" autocomplete="off" />
			</th>
		</tr>
	</thead>
	<tbody>
		{{{ each flags }}}
		<tr data-flag-id="{./flagId}">
			<td>
				<a class="text-reset text-decoration-underline" href="{config.relative_path}/flags/{./flagId}">
					{./target_readable}
				</a>
			</td>
			<td>
				{./heat}
			</td>
			<td><span class="timeago" title="{./datetimeISO}"></span></td>
			<td><span class="badge bg-{./labelClass}">[[flags:state-{./state}]]</span></td>
			<td>
				<input type="checkbox" autocomplete="off" />
			</td>
		</tr>
		{{{end}}}
	</tbody>
</table>

<!-- IMPORT partials/paginator.tpl -->