{% extends "base.html" %}

{% block content %}
  {% include "partials/flash.html" %}
  <div class="row g-4">
    <div class="col-12 col-lg-4">
      <div class="card shadow-sm h-100">
        <div class="card-body d-flex flex-column gap-3">
          <div>
            <div class="text-uppercase text-muted small fw-semibold">Public Profile</div>
            <div class="fw-semibold fs-5">{{ owner.name | display_name(owner.username) }}</div>
            <div class="text-muted">
              {% with user_link_href = owner_path, user_link_username = owner.username, user_link_label = owner.username, user_link_class = "link-secondary" %}
                {% include "partials/hover_card_user_link.html" %}
              {% endwith %}
            </div>
          </div>
          {% if owner.activity %}
            <div>
              <div class="text-uppercase text-muted small fw-semibold">Current activity</div>
              <div>{{ owner.activity }}</div>
              {% if owner.activity_updated_at %}
                <div class="small text-muted" title="{{ owner.activity_updated_at }}">Updated {{ owner.activity_updated_at | humantime }}</div>
              {% endif %}
            </div>
          {% elif owner.activity_updated_at %}
            <div>
              <div class="text-uppercase text-muted small fw-semibold">Current activity</div>
              <div class="text-muted">No current activity</div>
              <div class="small text-muted" title="{{ owner.activity_updated_at }}">Cleared {{ owner.activity_updated_at | humantime }}</div>
            </div>
          {% endif %}
          {% include "user/ping_card.html" %}
          <div class="border-top pt-3">
             <a class="btn btn-outline-secondary btn-sm w-100" href="{{ owner_path }}">View Repositories</a>
          </div>
        </div>
      </div>
    </div>
    <div class="col-12 col-lg-8">
      <div class="card shadow-sm mb-4">
        <div class="card-header">
          <div class="text-uppercase text-muted small fw-semibold">History</div>
          <div class="fw-semibold">Recent activity by {{ owner.username }}</div>
        </div>
        <div class="card-body">
          {% 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 mt-3" aria-label="Activity pagination">
                <a href="{{ owner_path }}/history?before_id={{ last_id }}" class="btn btn-outline-secondary btn-sm">Older</a>
              </nav>
            {% endif %}
          {% else %}
            <div class="text-center text-muted py-4">
              No recent activity found for this user.
            </div>
          {% endif %}
        </div>
      </div>
    </div>
  </div>
{% endblock %}