{% extends "gpxporter_frontend/base.html" %}
{% block content %}
<div class="d-grid gap-2 p-2 pt-4">
    <a href="/gpxporter/activities/update/" class="btn btn-primary p-2 mt-5" role="button">Refresh Data</a>
</div>
<ul class="list-group">
    {% for activity in activities %}
        <!--<li class="list-group-item">{{ activity.name }}</li>-->

        <a href="/gpxporter/activity/{{ activity.uid }}/download/" target="_blank" class="list-group-item list-group-item-action">
            <div class="d-flex w-100 justify-content-between">
              <h5 class="mb-1">{{ activity.name }}</h5>
              <small class="text-muted">{{ activity.started_at }}</small>
            </div>
            <small class="text-muted">Click to download GPX</small>
            
          </a>
    {% endfor %}
</ul>
{% endblock %}