{% extends "base_list.html" %}

{% block title %}{{ trend.title }}{% endblock %}

{% block lists %}
<div class="row mb-3">
  <div class="col-12">
    <a href="{% url 'trends:trends-home' %}" class="btn btn-sm btn-outline-secondary mb-2">&larr; All Trends</a>
    <h2>{{ trend.icon }} {{ trend.title }}</h2>
    <p class="text-muted">{{ trend.description }}</p>
    {% if computed_at %}
    <small class="text-muted">Last computed: {{ computed_at|date:"F j, Y H:i" }}</small>
    {% endif %}
  </div>
</div>

{% if trend_not_found %}
<div class="alert alert-warning">Trend not found.</div>

{% elif data is None %}
<div class="alert alert-info">
  No data computed yet. Trends are updated once daily, check back later.
</div>

{% elif trend.slug == "concurrent-listening" %}
  {% include "trends/_concurrent_listening.html" %}

{% elif trend.slug == "concurrent-reading" %}
  {% include "trends/_concurrent_reading.html" %}

{% elif trend.slug == "reading-pace-vs-activity" %}
  {% include "trends/_reading_pace.html" %}

{% elif trend.slug == "trending-up" %}
  {% include "trends/_trending_up.html" %}

{% endif %}
{% endblock %}