{% extends "public_base.html" %}

{% block title %}{{ project.title }} — {{ SPLENT_APP }}{% endblock %}

{% block hero %}
    {{ render_block('hero', eyebrow=_('Project'),
                    title=project.title, subtitle=project.summary) }}
{% endblock %}

{% block content %}
<article class="container section project-detail">
    {% if project.status %}
    <div class="project-detail__header">
        <span class="project-detail__status {% if project.status == 'past' %}project-detail__status--past{% endif %}">
            <span class="project-detail__status-dot" aria-hidden="true"></span>{{ project.status }}
        </span>
    </div>
    {% endif %}

    {% if project.image %}
    <img class="project-detail__image" src="{{ project.image }}" alt="">
    {% endif %}

    <div class="prose project-detail__body">{{ project.description | safe }}</div>

    {% if project.link %}
    <p class="project-detail__actions"><a class="btn btn-primary" href="{{ project.link }}">{{ _('More info') }}</a></p>
    {% endif %}

    <p><a class="project-detail__back" href="{{ url_for('projects.index') }}">← {{ _('Back to projects') }}</a></p>
</article>
{% endblock %}