{% extends 'frontend/base.html.j2' %}

{% block content %}
<div class="users">
	<h1>Passkey Credentials list</h1>

	<table class="table">
		<thead>
			<tr>
				<th>name</th>
				<th>id</th>
				<th>last used</th>
				<th>created at</th>
				<th>actions</th>
			</tr>
		</thead>
		<tbody>
		{% for credential in credentials %}
			<tr>
				<td>{{ credential.name }}</td>
				<td>{{ credential.credential_id[0:8].hex() }}...</td>
				<td>{{ credential.last_used }}</td>
				<td>{{ credential.created_at }}...</td>
        	<td>
				{{ render_form(button_form, action_url=url_for('.passkey_delete', id=credential.id), action_text='delete', btn_class='btn btn-danger') }}</td>
			</tr>
		{% endfor %}
		</tbody>
	</table>
	<a class="btn btn-primary" href="{{ url_for('.passkey_new')}}">Add new Passkey</a>
</div>
{% endblock %}