{% extends "base.html" %}

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

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

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

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

        {# A creator may save an empty cover_image_url (Some("")). Treat that
           like None so we don't reserve a 200px column with broken-image alt
           text. The cover wrapper is omitted entirely; CSS .no-cover collapses
           the grid to a single column. #}
        <div class="library-header{% if item.cover_image_url.as_deref().unwrap_or("").is_empty() %} no-cover{% endif %}">
            {% if let Some(img) = item.cover_image_url %}{% if !img.is_empty() %}
            <div class="library-cover">
                <img src="{{ img }}" alt="{{ item.title }}">
            </div>
            {% endif %}{% endif %}
            <div class="library-header-body">
                <h1 class="library-title">{{ item.title }}</h1>
                <p class="library-creator">
                    by <a href="/u/{{ creator_username }}">{{ creator_username }}</a>
                    &middot; <a href="/p/{{ project_slug }}">{{ project_title }}</a>
                </p>
            </div>
        </div>

        {% if !versions.is_empty() %}
        <section class="downloads-hero">
            <h2 class="section-header">Downloads</h2>
            {% for version in versions %}
            {% if version.has_file %}
            <div class="download-row">
                <span class="download-version">v{{ version.number }}</span>
                {% if let Some(label) = version.label %}
                <span class="download-label">{{ label }}</span>
                {% else %}
                <span class="download-label download-label--empty">{% match version.file_name %}{% when Some with (name) %}{{ name }}{% when None %}Download{% endmatch %}</span>
                {% endif %}
                <span class="download-size">{{ version.size }}</span>
                <button class="btn-secondary btn-download-compact"
                        onclick="downloadVersion('{{ version.id }}')">Download</button>
            </div>
            {% endif %}
            {% endfor %}
        </section>

        <div class="download-notice">
            Software downloads are provided by third-party creators. Every file is
            run through our
            <a href="/docs/content-scanning">six-layer scanning pipeline</a>
            (content-type, structural, archive, YARA, ClamAV, MalwareBazaar) before
            it's released, but scanning can't prove a file is safe — use antivirus
            software and download at your own risk. Report concerns to
            <a href="mailto:reports@makenot.work">reports@makenot.work</a>.
        </div>
        {% endif %}

        {% if !bundle_items.is_empty() %}
        <section class="library-section">
            <h2 class="section-header">Included in this bundle ({{ bundle_items.len() }})</h2>
            {% for child in bundle_items %}
            <div class="bundle-child">
                <span class="bundle-child-type">{{ child.item_type }}</span>
                <span class="bundle-child-title">
                    <a href="/l/{{ child.id }}">{{ child.title }}</a>
                </span>
            </div>
            {% endfor %}
        </section>
        {% endif %}

        {% if !item.description.is_empty() %}
        <section class="library-section">
            <details>
                <summary class="lib-summary">Description</summary>
                <div class="lib-summary-body">
                    <p>{{ item.description }}</p>
                </div>
            </details>
        </section>
        {% endif %}

        {% if !sections.is_empty() %}
        <section class="library-section">
            <div class="section-tabs">
                {% for section in sections %}
                <button class="section-tab{% if loop.first %} is-selected{% endif %}"
                        data-tab="section-{{ section.slug }}"
                        onclick="switchSectionTab(this, 'section-{{ section.slug }}')">{{ section.title }}</button>
                {% endfor %}
            </div>
            {% for section in sections %}
            <div class="section-panel{% if loop.first %} active{% endif %}" id="section-{{ section.slug }}">
                {{ section.body_html|safe }}
            </div>
            {% endfor %}
        </section>
        {% endif %}

        {% if item.license_preset.is_some() %}
        <section class="library-section">
            <h2 class="section-header">License</h2>
            <p class="lib-license-name">
                {% if item.license_preset.as_deref() == Some("personal_use") %}Personal Use Only
                {% else if item.license_preset.as_deref() == Some("royalty_free") %}Royalty-Free Commercial
                {% else if item.license_preset.as_deref() == Some("mit") %}MIT License
                {% else if item.license_preset.as_deref() == Some("apache2") %}Apache License 2.0
                {% else if item.license_preset.as_deref() == Some("cc_by_4") %}CC BY 4.0
                {% else if item.license_preset.as_deref() == Some("cc_by_nc_4") %}CC BY-NC 4.0
                {% else if item.license_preset.as_deref() == Some("cc0") %}Public Domain (CC0)
                {% else if item.license_preset.as_deref() == Some("custom") %}Custom License
                {% else %}License
                {% endif %}
            </p>
            <p>
                <a href="/api/items/{{ item.id }}/license.txt" download="LICENSE.txt" class="lib-license-download">Download LICENSE.txt</a>
            </p>
        </section>
        {% endif %}

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

        <footer class="item-footer">
            <p>Powered by <a href="/">Makenot<span class="dot">.</span>work</a></p>
            <p class="item-footer-sub">
                {% 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>
            </p>
        </footer>
    </div>
{% endblock %}

{% block scripts %}
<script>
function switchSectionTab(btn, panelId) {
    document.querySelectorAll('.section-tab').forEach(function(t) { t.classList.remove('is-selected'); });
    document.querySelectorAll('.section-panel').forEach(function(p) { p.classList.remove('active'); });
    btn.classList.add('is-selected');
    var panel = document.getElementById(panelId);
    if (panel) panel.classList.add('active');
    history.replaceState(null, '', '#' + panelId);
}

(function() {
    var hash = window.location.hash.replace('#', '');
    if (hash) {
        var panel = document.getElementById(hash);
        var tab = document.querySelector('[data-tab="' + hash + '"]');
        if (panel && tab) switchSectionTab(tab, hash);
    }
})();

function downloadVersion(versionId) {
    fetch('/api/versions/' + versionId + '/download')
        .then(function(res) {
            if (!res.ok) throw new Error('Failed to get download URL');
            return res.json();
        })
        .then(function(data) {
            window.location.href = data.download_url;
        })
        .catch(function(err) {
            showToast(err.message || 'Download failed');
        });
}
</script>
{% endblock %}