{% extends "base.html" %}
{% block extra_head %}
<link rel="stylesheet" href="/static/css/projects.css">
<link rel="stylesheet" href="/static/css/post.css">
{% endblock %}
{% block content %}
<div class="project-detail-page">
    <a href="/projects" class="back-link">&larr; Back to Projects</a>

    <article class="project-detail">
        <div class="project-detail-header">
            <h1 class="project-detail-title">{{ project['title'] }}</h1>
            <div class="project-status {% if project.get('status') == 'Released' %}released{% else %}dev{% endif %}">
                &#x25CF; {{ project.get('status', 'In Development') }}
            </div>
        </div>

        {% if is_private or read_only %}
        <div class="project-detail-meta">
            {% if is_private %}<span class="badge badge-type">Private</span>{% endif %}
            {% if read_only %}<span class="badge badge-type">Read-only</span>{% endif %}
        </div>
        {% endif %}

        <div class="project-detail-meta">
            <span class="badge badge-type">{{ project.get('project_type', 'software').replace('_', ' ') }}</span>
            {% if project.get('release_date') %}
            <span>&#x1F4C5; Released: {{ format_date(project['release_date']) }}</span>
            {% endif %}
            {% if project.get('demo_date') %}
            <span>&#x1F3AD; Demo: {{ format_date(project['demo_date']) }}</span>
            {% endif %}
        </div>

        {% if forked_from %}
        <div class="project-detail-meta">
            <span>&#x2442; Forked from <a href="/projects/{{ forked_from['slug'] }}">{{ forked_from['title'] }}</a></span>
        </div>
        {% endif %}

        <div class="project-detail-author">
            {% set _size = 32 %}{% set _size_class = "sm" %}{% set _user = author %}{% include "_avatar_link.html" %}
            <div>
                {% set _user = author %}{% set _class = none %}{% include "_user_link.html" %}
                {% if is_admin(user) and author and author.get('role') %}
                <span style="font-size: 0.75rem; color: var(--text-muted);">&middot; {{ author['role'] }}</span>
                {% endif %}
            </div>
        </div>

        <div class="project-detail-desc rendered-content" data-render>{{ project.get('description', '') }}</div>

        {% if attachments %}
        {% include "_attachment_display.html" %}
        {% endif %}

        {% if platforms %}
        <div style="margin-bottom: 1.5rem;">
            <h4 style="font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); margin-bottom: 0.5rem;">Platforms</h4>
            <div class="project-card-platforms">
                {% for plat in platforms %}
                <span class="platform-tag">{{ plat.strip() }}</span>
                {% endfor %}
            </div>
        </div>
        {% endif %}

        <div class="project-detail-actions">
            <a href="/projects/{{ project['slug'] or project['uid'] }}/files" class="project-star-btn">&#x1F4C1; Files</a>
            {% if is_admin(user) %}
            <a href="/projects/{{ project['slug'] or project['uid'] }}/containers" class="project-star-btn">&#x1F5A5;&#xFE0F; Containers</a>
            {% endif %}
            <button type="button" class="project-star-btn" data-zip-download="/projects/{{ project['slug'] or project['uid'] }}/zip">&#x1F4E6; Download zip</button>
            {% if user %}
            <button type="button" class="project-star-btn" data-fork-project="/projects/{{ project['slug'] or project['uid'] }}/fork" data-fork-name="{{ project['title'] }}">&#x2442; Fork</button>
            {% endif %}
            <button type="button" class="project-star-btn" data-share="/projects/{{ project['slug'] or project['uid'] }}">&#x1F517; Share</button>
            {% if user %}
            {% set _type = "project" %}{% set _uid = project['uid'] %}{% set _my_vote = my_vote %}{% set _count = star_count %}{% set _btn_class = "project-star-btn" %}{% include "_star_vote.html" %}
            {% endif %}
            {% set _type = "project" %}{% set _uid = project['uid'] %}{% set _bookmarked = bookmarked %}{% include "_bookmark_button.html" %}
            {% if is_owner %}
            <form method="POST" action="/projects/{{ project['slug'] or project['uid'] }}/private" style="display:inline;">
                <input type="hidden" name="value" value="{{ 0 if is_private else 1 }}">
                <button type="submit" class="project-star-btn" data-confirm-danger data-confirm="{% if is_private %}Make this project public? Everyone will be able to see the project and all its files.{% else %}Make this project private? Only you and administrators will be able to see it.{% endif %}">{% if is_private %}&#x1F513; Make public{% else %}&#x1F512; Make private{% endif %}</button>
            </form>
            <form method="POST" action="/projects/{{ project['slug'] or project['uid'] }}/readonly" style="display:inline;">
                <input type="hidden" name="value" value="{{ 0 if read_only else 1 }}">
                <button type="submit" class="project-star-btn" data-confirm-danger data-confirm="{% if read_only %}Allow file changes again for this project?{% else %}Make this project read-only? Files become immutable until you turn this off.{% endif %}">{% if read_only %}&#x1F4DD; Allow edits{% else %}&#x1F6AB; Make read-only{% endif %}</button>
            </form>
            <form method="POST" action="/projects/delete/{{ project['slug'] or project['uid'] }}" style="display:inline;">
                <button type="submit" class="project-star-btn" data-confirm="Delete this project?"><span class="icon">&#x1F5D1;&#xFE0F;</span> Delete</button>
            </form>
            {% endif %}
            {% set _type = "project" %}{% set _uid = project['uid'] %}{% set _reactions = reactions %}{% include "_reaction_bar.html" %}
        </div>
    </article>

    {% with target_uid=project['uid'], target_type="project" %}
    {% include "_comment_section.html" %}
    {% endwith %}
</div>
{% endblock %}