{% extends "base.html" %}

{% block content %}
  <div class<div class="d-flex">
      <h1>Your Borg Repositories</h1>
  <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>Repo-URL</th>
    <th></th>
  </thead>
  <tbody>
{% for repo in object_list %}
    <tr>
      <td>{{ repo.name }}</td>
      <td><code>{{ repo.key | truncatechars:40 }}</code></td>
      <td><code>{{ repo.repo_url}}</code></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 %}