{% extends "base.html" %}

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

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

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

    <div class="container">
        <h1 class="page-title">{{ item.title }}</h1>
        <p class="library-locked-byline">by <a href="/u/{{ creator_username }}">{{ creator_username }}</a></p>

        {% if let Some(cover) = item.cover_image_url %}
        <img src="{{ cover }}" alt="{{ item.title }}" class="library-locked-cover">
        {% endif %}

        <div class="purchase-box library-locked-purchase">
            <h2 class="subsection-title">You don't have access to this yet</h2>
            <p class="library-locked-lead">This is the library view, available to people who own this item. Visit the store page to purchase or learn more.</p>

            <div class="library-locked-actions">
                <a href="/i/{{ item.id }}" class="btn-primary">View store page</a>
                {% if !is_logged_in %}
                <a href="/login?redirect=/l/{{ item.id }}" class="btn-secondary">Log in</a>
                {% endif %}
            </div>

            {% if !containing_bundles.is_empty() %}
            <div class="library-locked-bundles">
                <p class="library-locked-bundles-title">Available in:</p>
                {% for bundle in containing_bundles %}
                <p class="library-locked-bundle"><a href="/i/{{ bundle.id }}">{{ bundle.title }}</a> <span class="library-locked-bundle-price">{{ bundle.price }}</span></p>
                {% endfor %}
            </div>
            {% endif %}
        </div>
    </div>
{% endblock %}