{% extends "base.html" %}

{% block main_content %}

<div class="row container-fluid">
	<h3>Show All People</h3>

	<table id="person_table" class="table table-striped table-sm" data-toolbar="#toolbar" data-search="true">
		<thead>
			<tr class="table-primary"><th>Tag</th><th>Faces Matched</th><th>Firstname(s)</th><th>Surname</th><th></th></tr>
		</thead>
		<tbody>
		{% for person in persons %}
			<tr><td><a href="{{url_for('person', id=person.id )}}">{{person.tag}}</td>
				<td>
				{% if person.num_matches %}
					<a href="javascript:st=$('#search_term').val(); document.location.href='/search/AI:{{person.tag}}'">
						{{person.num_matches}} matches</a>
				{% else %}
					No matches
				{% endif %}
				</td>
				<td>{{person.firstname}}</td>
				<td>{{person.surname}}</td>
				<td>
					{% for refimg in person.refimg %}
						<img height=24 src="data:image/jpeg;base64,{{refimg.thumbnail}}";</img>
					{% endfor %}
				</td>
			</tr>
		{% endfor %}
		</tbody>
	</table>
</div>

{% endblock main_content %}