{% if !stripe_connected || !has_items || !has_published_item %}
<div class="proj-overview-setup">
    <h3 class="proj-overview-setup-title">Project Setup</h3>
    <div class="proj-overview-setup-row">
        {% if has_items %}
        <span class="proj-overview-setup-check">Done</span>
        <span class="proj-overview-setup-label proj-overview-setup-label--done">Add your first item: upload files, set a price</span>
        {% else %}
        <span class="proj-overview-setup-bullet"></span>
        <span class="proj-overview-setup-label">Add your first item: upload files, set a price</span>
        <a href="/dashboard/project/{{ project_slug }}/new-item" class="btn btn-small proj-overview-setup-btn">New Item</a>
        {% endif %}
    </div>
    <div class="proj-overview-setup-row">
        {% if stripe_connected %}
        <span class="proj-overview-setup-check">Done</span>
        <span class="proj-overview-setup-label proj-overview-setup-label--done">Connect Stripe: required to receive payments (3% processing only)</span>
        {% else %}
        <span class="proj-overview-setup-bullet"></span>
        <span class="proj-overview-setup-label">Connect Stripe: required to receive payments (3% processing only)</span>
        <a href="/dashboard#tab-payments" class="btn btn-small proj-overview-setup-btn">Go to Payments</a>
        {% endif %}
    </div>
    <div class="proj-overview-setup-row">
        {% if has_published_item %}
        <span class="proj-overview-setup-check">Done</span>
        <span class="proj-overview-setup-label proj-overview-setup-label--done">Publish an item: make it visible on your public page</span>
        {% else %}
        <span class="proj-overview-setup-bullet"></span>
        <span class="proj-overview-setup-label">Publish an item: make it visible on your public page</span>
        {% if has_items %}
        <button class="btn btn-small proj-overview-setup-btn" onclick="document.getElementById('tab-content-btn').click()">Go to Content</button>
        {% endif %}
        {% endif %}
    </div>
</div>
{% endif %}

<div class="tab-docs"><a href="/docs/projects">Docs: Projects &rarr;</a></div>

<div class="stats-grid">
    {% for stat in stats %}
    <div class="card-muted">
        <div class="stat-label">{{ stat.label }}</div>
        <div class="stat-value">{{ stat.value }}</div>
        {% if let Some(change) = stat.change %}
        <div class="stat-change{% if stat.is_positive %} positive{% endif %}">{{ change }}</div>
        {% endif %}
    </div>
    {% endfor %}
</div>

<div class="quick-actions">
    <h2 class="subsection-title">Quick Actions</h2>
    <div class="action-buttons">
        <a href="/dashboard/project/{{ project_slug }}/new-item" class="btn-primary">New Item</a>
        <a href="/p/{{ project_slug }}" target="_blank" rel="noopener" class="btn-secondary">View Public Page</a>
        <button class="btn-secondary"
                hx-post="/api/export/projects"
                hx-target="body"
                hx-swap="beforeend">Export Data</button>
    </div>
</div>

<details class="proj-overview-tools">
    <summary class="proj-overview-tools-summary">Explore Your Project Tools</summary>
    <div class="proj-overview-tools-grid">
        <div class="proj-overview-tool">
            <div class="proj-overview-tool-name">Content</div>
            <p class="proj-overview-tool-desc">Upload items, manage versions, set prices.</p>
        </div>
        <div class="proj-overview-tool">
            <div class="proj-overview-tool-name">Blog</div>
            <p class="proj-overview-tool-desc">Write posts that appear on your project page and RSS feed.</p>
        </div>
        <div class="proj-overview-tool">
            <div class="proj-overview-tool-name">Promo Codes</div>
            <p class="proj-overview-tool-desc">Create discounts, free access codes, or trial periods.</p>
        </div>
        <div class="proj-overview-tool">
            <div class="proj-overview-tool-name">Membership Tiers</div>
            <p class="proj-overview-tool-desc">Recurring subscriptions with gated content access.</p>
        </div>
        <div class="proj-overview-tool">
            <div class="proj-overview-tool-name">Team</div>
            <p class="proj-overview-tool-desc">Add collaborators and split revenue automatically.</p>
        </div>
        <div class="proj-overview-tool">
            <div class="proj-overview-tool-name">Analytics</div>
            <p class="proj-overview-tool-desc">Track sales, revenue, and views over time.</p>
        </div>
    </div>
</details>