{% extends "base.html" %}
{%- import "partials/_ui.html" as ui -%}

{% block title %}Blog - {{ project.title }}{% endblock %}
{% block body_attrs %} class="padded-page project-blog-page"{% endblock %}

{% block head %}
<link rel="alternate" type="application/rss+xml" title="{{ project.title }} - Blog RSS" href="/p/{{ project_slug }}/blog/feed.xml">
{% endblock %}

{% block content %}
    {% include "partials/site_header.html" %}

    <div class="container">
        <header class="blog-header">
            <h1 class="blog-title">{{ project.title }} Blog<span class="dot">.</span></h1>
            <div class="blog-meta">
                by <a href="/u/{{ creator_username }}">{{ creator_username }}</a> &middot;
                <a href="/p/{{ project_slug }}">View project</a>
            </div>
            <div class="blog-actions">
                <a href="/p/{{ project_slug }}/blog/feed.xml" class="btn-secondary btn-link">RSS Feed</a>
            </div>
        </header>

        <section class="posts-list">
            {% if posts.is_empty() %}
            {% call ui::empty_state("", "No blog posts yet.") %}
            {% else %}
            {% for post in posts %}
            <div class="post-entry">
                <h2 class="post-title"><a href="/p/{{ project_slug }}/blog/{{ post.slug }}">{{ post.title }}</a></h2>
                <div class="post-date">{{ post.published_at }}</div>
            </div>
            {% endfor %}
            {% endif %}
        </section>

        <footer class="project-blog-footer">
            <p>Powered by <a href="/">Makenot<span class="dot">.</span>work</a></p>
        </footer>
    </div>
{% endblock %}