{% load ajax_helpers modal_tags %}
<div class="m-2">
    {% if not no_title %}
        <h5>Trusted devices</h5>
    {% endif %}
    {% if not cookies %}
        <p>No trusted devices</p>
    {% else %}
    <p class="text-muted small">Trusted devices skip the two-factor step when signing in from that browser.</p>
    <table class="table table-sm">
        <tr>
            <th>Device</th>
            <th>Last used</th>
            <th></th>
        </tr>
        {% for c in cookies %}
            <tr>
                <td>{{ c.name }}</td>
                <td>{{ c.last_used|date }}</td>
                <td>{% modal_button_method 'Remove' 'remove_device' id=c.id css_class='btn btn-sm btn-outline-warning' %}</td>
            </tr>
        {% endfor %}
    </table>
    {% endif %}
</div>