{% extends "base.html" %}

{% block main_content %}
<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 %}
            <form id="_{{person.tag}}" method="POST" action="{{url_for('search')}}">
                <input type="hidden" name="search_term" value="AI:{{person.tag}}">
                <a href="javascript:$('#_{{person.tag}}').submit()">{{person.num_matches}} matches</a></form>
            {% 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>
{% endblock main_content %}