{% extends "base.html" %}

{% block title %}{{ item.title }} - Library - Makenotwork{% endblock %}
{% block body_attrs %} class="article-page"{% endblock %}

{% block head %}
<meta name="robots" content="noindex">
{% endblock %}

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

    <article class="article-container">
        <p class="library-back">
            <a href="/i/{{ item.id }}">&larr; Store page</a> &middot;
            <a href="/library">Your library</a>
        </p>

        <header class="author-header">
            <div class="author-avatar">{{ creator_avatar_initials }}</div>
            <div class="author-info">
                <div class="author-name"><a href="/u/{{ creator_username }}">{% if let Some(name) = creator_display_name %}{{ name }}{% else %}{{ creator_username }}{% endif %}</a></div>
                <div class="article-meta">{{ item.release_date }}{% if let Some(rt) = reading_time %} | {{ rt }}{% endif %}</div>
            </div>
        </header>

        <h1 class="article-title">{{ item.title }}</h1>

        {% if !item.description.is_empty() %}
        <p class="article-deck">{{ item.description }}</p>
        {% endif %}

        {% if let Some(html) = body_html %}
        <div class="article-body">
            {{ html|safe }}
        </div>
        {% endif %}

        <footer class="article-footer">
            {% if !item.tags.is_empty() %}
            <div class="article-tags">
                {% for tag in item.tags %}
                <a href="/discover?tag={{ tag.slug }}" class="article-tag">{{ tag.name }}</a>
                {% endfor %}
            </div>
            {% endif %}
        </footer>
    </article>

    {% include "partials/discussion_section.html" %}

    <footer class="lib-text-footer">
        {% if is_owner %}
        <a href="/dashboard/item/{{ item.id }}">Edit</a> &middot;
        {% endif %}
        <a href="/i/{{ item.id }}">Store page</a> &middot;
        <a href="/library">Your library</a>
    </footer>
{% endblock %}