{% extends "base.html" %}

{% block content %}
  <div class="mb-4">
    <h1 class="h4 mb-1">Recent activity</h1>
    <p class="text-muted mb-0">The latest work across the repos and teams you can access.</p>
  </div>

  {% if feed_groups | length > 0 %}
    <div id="feed-list" class="pearing-home-feed">
      {% for group in feed_groups %}
        <section class="pearing-feed-day-group">
          <div class="pearing-feed-day-heading">{{ group.label }}</div>
          <div class="pearing-feed-day-list">
            {% for event in group.events %}
              {% include event.template %}
            {% endfor %}
          </div>
        </section>
      {% endfor %}
    </div>

    {% if has_more %}
      <nav class="pearing-feed-pager" aria-label="Activity pagination">
        <a href="/?before_id={{ last_id }}" class="btn btn-outline-secondary btn-sm">Older</a>
      </nav>
    {% endif %}
  {% else %}
    <div class="card shadow-sm">
      <div class="card-body text-center text-muted py-4">
        No activity yet. Events will appear here as you and your teams work.
      </div>
    </div>
  {% endif %}
{% endblock %}