{% extends "base.html" %}

{% block content %}
<div class="d-flex">
  <div class="p-2 ms-auto">
    <a class="btn btn-primary" href="{% url 'borg_add' %}" role="button">Add Repository</a>
  </div>
</div>

<table class="table table-striped table-hover">
  <thead>
    <th>Name</th>
    <th>Key</th>
    <th></th>
  </thead>
  <tbody>
{% for repo in object_list %}
    <tr>
      <td>{{ repo.name }}</td>
      <td>{{ repo.key }}</td>
      <td><a href="{% url 'borg_update' pk=repo.pk %}" class="btn btn-warning btn-sm">Edit</a>
      <a href="{% url 'borg_delete' pk=repo.pk %}" class="btn btn-danger btn-sm">Delete</a></td>
    </tr>
{% endfor %}
  </tbody>
</table>

{% endblock %}