{% extends "library/base.html" %}

{% block title %}Dashboard | clrnoise{% endblock %}

{% block content %}
<section class="view-header">
    <p class="eyebrow">Internal paper database</p>
    <h1>Reference workspace</h1>
    <p class="lede">Organize papers once, preserve author affiliations, and reuse the same library across every new literature review project.</p>
    <div class="header-actions">
        <a class="button" href="{% url 'library:paper-create' %}">Add a paper</a>
        <a class="button button--ghost" href="{% url 'library:project-create' %}">Create a project</a>
    </div>
</section>

<section class="metric-strip">
    <div class="metric">
        <span class="metric__label">Papers</span>
        <strong class="metric__value">{{ paper_count }}</strong>
    </div>
    <div class="metric">
        <span class="metric__label">Authors</span>
        <strong class="metric__value">{{ author_count }}</strong>
    </div>
    <div class="metric">
        <span class="metric__label">Projects</span>
        <strong class="metric__value">{{ project_count }}</strong>
    </div>
</section>

<div class="dashboard-grid">
    <section class="panel panel--wide">
        <div class="section-heading">
            <div>
                <p class="section-heading__eyebrow">Projects</p>
                <h2>Current literature reviews</h2>
            </div>
            <a class="text-link" href="{% url 'library:project-create' %}">New project</a>
        </div>

        {% if projects %}
            <div class="stack-list">
                {% for project in projects %}
                    <a class="project-row" href="{% url 'library:project-detail' project.pk %}">
                        <div class="project-row__body">
                            <h3>{{ project.name }}</h3>
                            <p>{{ project.focus|default:project.description|truncatechars:130 }}</p>
                        </div>
                        <div class="project-row__meta">
                            <span>{{ project.paper_total }} papers</span>
                            <span>{{ project.updated_at|date:"M j, Y" }}</span>
                        </div>
                    </a>
                {% endfor %}
            </div>
        {% else %}
            <div class="empty-state">
                <h3>No projects yet</h3>
                <p>Create a literature review project and attach papers from your shared library.</p>
            </div>
        {% endif %}
    </section>

    <section class="panel">
        <div class="section-heading">
            <div>
                <p class="section-heading__eyebrow">Recent papers</p>
                <h2>Latest additions</h2>
            </div>
            <a class="text-link" href="{% url 'library:paper-list' %}">See all</a>
        </div>

        {% if recent_papers %}
            <div class="stack-list stack-list--compact">
                {% for paper in recent_papers %}
                    <a class="paper-row" href="{% url 'library:paper-detail' paper.pk %}">
                        <span class="paper-row__title">{{ paper.title }}</span>
                        <span class="paper-row__meta">{{ paper.author_line|default:"Add author details" }}</span>
                        <span class="paper-row__text">{{ paper.summary|truncatechars:130 }}</span>
                    </a>
                {% endfor %}
            </div>
        {% else %}
            <div class="empty-state">
                <h3>No papers yet</h3>
                <p>Start the database with a paper record, then reuse it across projects.</p>
            </div>
        {% endif %}
    </section>

    <section class="panel">
        <div class="section-heading">
            <div>
                <p class="section-heading__eyebrow">Reading system</p>
                <h2>How the workspace flows</h2>
            </div>
        </div>
        <div class="notes-list">
            <div class="note-item">
                <span class="note-item__index">01</span>
                <p>Capture one paper with a structured summary and author affiliations.</p>
            </div>
            <div class="note-item">
                <span class="note-item__index">02</span>
                <p>Create a new review project and select from the existing paper library.</p>
            </div>
            <div class="note-item">
                <span class="note-item__index">03</span>
                <p>Open a project to see the selected papers and their synthesis notes in one place.</p>
            </div>
        </div>
    </section>

    <section class="panel panel--wide">
        <div class="section-heading">
            <div>
                <p class="section-heading__eyebrow">Focused preview</p>
                <h2>Most recent project snapshot</h2>
            </div>
        </div>

        {% if featured_project %}
            <div class="feature-block">
                <div>
                    <h3>{{ featured_project.name }}</h3>
                    <p>{{ featured_project.focus|default:"Use this project to gather a coherent subset of papers for one review question." }}</p>
                </div>
                <div class="feature-block__meta">
                    <span>{{ featured_project.paper_total }} linked papers</span>
                    <a class="button button--ghost" href="{% url 'library:project-detail' featured_project.pk %}">Open project</a>
                </div>
            </div>
        {% else %}
            <div class="empty-state">
                <h3>Your project snapshot will appear here</h3>
                <p>Once you create a project, this area highlights the latest set of selected papers.</p>
            </div>
        {% endif %}
    </section>
</div>
{% endblock %}