{% 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>

        <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: {{ project['release_date'] }}</span>
            {% endif %}
            {% if project.get('demo_date') %}
            <span>&#x1F3AD; Demo: {{ project['demo_date'] }}</span>
            {% endif %}
        </div>

        <div class="project-detail-author">
            {% set _size = 32 %}{% set _size_class = "sm" %}{% set _user = author %}{% include "_avatar_link.html" %}
            <div>
                <a href="/profile/{{ author['username'] if author else '#' }}">{{ author['username'] if author else 'Unknown' }}</a>
                {% if 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">
            <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 %}
            {% if is_owner %}
            <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 %}
        </div>
    </article>

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