{% extends "base.html" %}
{% block title %}#{{ channel.display_name() }} — {{ guild.name }}{% endblock %}
{% block head %}<script>document.addEventListener("DOMContentLoaded",()=>window.scrollTo(0,document.body.scrollHeight))</script>{% endblock %}
{% block content %}
<div class="channel-header">
    <div class="breadcrumb"><a href="{{ paths.guild_href(guild.id) }}">{{ guild.name }}</a></div>
    <div class="channel-title-row">
        <h1>#{{ channel.display_name() }}</h1>
        {% if thread_count > 0 %}
        <a class="threads-btn" href="{{ paths.channel_threads_href(guild.id, channel.id) }}">{{ thread_count }} thread{% if thread_count != 1 %}s{% endif %} -></a>
        {% endif %}
    </div>
    {% if let Some(topic) = channel.topic.as_deref() %}
    <div class="topic">{{ topic }}</div>
    {% endif %}
</div>
<nav class="pagination">
    {% if page.has_prev() %}
    <a href="{{ paths.channel_page_href(guild.id, channel.id, page.current - 1) }}">← Newer</a>
    {% endif %}
    <span class="info">Page {{ page.current }} of {{ page.total }}</span>
    {% if page.has_next() %}
    <a href="{{ paths.channel_page_href(guild.id, channel.id, page.current + 1) }}">Older -></a>
    {% endif %}
</nav>
{% if messages.is_empty() %}
<p class="empty">No messages on this page.</p>
{% else %}
<div class="messages">
    {% include "_message_list.html" %}
</div>
{% endif %}
<nav class="pagination">
    {% if page.has_prev() %}
    <a href="{{ paths.channel_page_href(guild.id, channel.id, page.current - 1) }}">← Newer</a>
    {% endif %}
    <span class="info">Page {{ page.current }} of {{ page.total }}</span>
    {% if page.has_next() %}
    <a href="{{ paths.channel_page_href(guild.id, channel.id, page.current + 1) }}">Older -></a>
    {% endif %}
</nav>
{% endblock %}