{% extends "feeds/base.html" %}
{% block content %}
  {% if user.is_authenticated and has_accounts %}
    <form
      method="post"
      action="{% url 'refresh_feed' %}"
      hx-boost="false"
      style="text-align: right;"
      onsubmit="this.querySelector('button').setAttribute('aria-busy', 'true'); this.querySelector('button').textContent = 'Refreshing…';"
    >
      {% csrf_token %}
      <button type="submit" class="outline">Refresh</button>
    </form>
  {% endif %}

  {% if posts %}
    {% include "feeds/_post_list.html" %}
  {% elif user.is_authenticated %}
    {% if has_accounts %}
      <p>No posts yet.</p>
    {% else %}
      <p>No posts yet. <a href="{% url 'connections' %}">Connect an account</a> to get started.</p>
    {% endif %}
  {% else %}
    <p><a href="{% url 'login' %}">Log in</a> to see your feed.</p>
  {% endif %}
{% endblock %}