{% extends "base.html" %}
{% import "partials/macros.html" as m %}
{% block title %}Dashboard — ProducerOS{% endblock %}
{% block page_heading %}Dashboard{% endblock %}
{% block content %}
<div data-dashboard-summary>
  <div class="stats-grid">
    {% for count, label, icon, tone, href in [
      (summary.active_project_count, 'Active projects', 'projects', 'cyan', '/projects'),
      (summary.release_attention_count, 'Releases need attention', 'releases', 'violet', '/releases'),
      (summary.deadline_count, 'Deadlines · next 14 days', 'calendar', 'purple', '/calendar'),
      (summary.unconfirmed_rights_count, 'Unconfirmed rights', 'deliveries', 'pink', '#rights-review')
    ] %}
    <a href="{{ href }}" class="stat-tile"><span class="stat-icon tone-{{ tone }}">{{ m.icon(icon) }}</span><span><strong class="value">{{ count }}</strong><span class="label">{{ label }}</span></span></a>
    {% endfor %}
  </div>
  <div class="dashboard-grid">
    <section class="panel active-projects-panel">
      <div class="panel-title-row"><h2>Active projects</h2><a class="text-link" href="/projects">View all →</a></div>
      <ul class="project-list">
        {% for p in summary.active_projects %}
        <li><a href="/projects/{{ p.id }}" class="project-row">{{ m.cover(p) }}<span class="row-title"><strong>{{ p.final_title or p.working_title }}</strong><small>{{ p.internal_code }}</small></span>{{ m.stage_pill(p.state.value) }}<span class="row-chevron" aria-hidden="true">›</span></a></li>
        {% else %}<li class="empty-state">Make room for your next idea.<br><a href="/projects/new">Create your first project →</a></li>{% endfor %}
      </ul>
      <a href="/artists" class="panel-foot-link">Manage artists →</a>
    </section>
    <section class="panel studio-panel">
      {% if featured %}
      <div class="panel-title-row"><div><h2>Back in the studio</h2><small>Your most recently updated project</small></div>{{ m.stage_pill(featured.state.value) }}</div>
      <div class="studio-identity">
        <a href="/projects/{{ featured.id }}" class="cover-link" aria-label="Open {{ featured.working_title }}">{{ m.cover(featured, 'cover-large', media.artwork) }}</a>
        <div><span class="eyebrow">{{ featured.internal_code }}</span><a href="/projects/{{ featured.id }}" class="studio-title">{{ featured.final_title or featured.working_title }}</a><p>{{ featured.artist.name if featured.artist else 'Independent project' }}</p><div class="music-metadata">{% if featured.bpm %}<span>{{ featured.bpm|float }} BPM</span>{% endif %}{% if featured.musical_key %}<span>{{ featured.musical_key }}</span>{% endif %}{% if featured.genre %}<span>{{ featured.genre }}</span>{% endif %}</div></div>
      </div>
      {{ m.player(media, featured) }}
      {% else %}<div class="studio-welcome"><img src="/static/artwork/studio-disc.png" alt="" width="180" height="180"><h2>A little clarity.<br>More room to create.</h2><p>Keep your ideas, versions and releases together.</p><a href="/projects/new" class="btn btn-primary">Create a project</a></div>{% endif %}
    </section>
    <div class="dashboard-side">
      <section class="panel stage-panel"><div class="panel-title-row"><h2>Projects by stage</h2></div><div class="stage-grid">{% for stage, count in summary.projects_by_stage.items() %}<a href="/projects?state={{ stage }}" class="stage-count">{{ m.stage_pill(stage) }}<strong>{{ count }}</strong></a>{% else %}<p>No projects yet.</p>{% endfor %}</div></section>
      <section class="panel versions-panel"><div class="panel-title-row"><h2>Recent versions</h2><a class="text-link" href="/scanner">Scanner →</a></div><ul class="compact-list">{% for v in summary.recent_versions[:5] %}<li><a href="/projects/{{ v.asset.project_id }}#assets">{{ m.icon('file') }}<span class="truncate">{{ v.original_filename }}</span><small>v{{ v.version_number }}</small><span aria-hidden="true">›</span></a></li>{% else %}<li class="empty-state">Your registered mixes and masters will appear here.</li>{% endfor %}</ul></section>
    </div>
    <section class="panel attention-panel"><div class="panel-title-row"><h2>Release check-in</h2><a class="text-link" href="/releases">View all →</a></div><ul class="compact-list">{% for r in summary.releases_needing_attention %}<li><a href="/releases/{{ r.id }}"><span class="small-icon tone-violet">{{ m.icon('releases') }}</span><strong class="truncate">{{ r.title }}</strong>{{ m.readiness_badge(r.readiness_status) }}</a></li>{% else %}<li class="empty-state">No releases flagged for attention.<br><a href="/releases">Review your releases →</a></li>{% endfor %}</ul></section>
    <section class="panel deadlines-panel"><div class="panel-title-row"><h2>Upcoming deadlines</h2><a class="text-link" href="/calendar">Calendar →</a></div><ul class="compact-list">{% for d in summary.upcoming_deadlines %}<li><a href="/calendar">{{ m.icon('calendar') }}<span class="truncate">{{ d.title }}</span><time datetime="{{ d.due_date.isoformat() }}">{{ d.due_date.strftime('%b %d') }}</time></a></li>{% else %}<li class="empty-state">A little breathing room.<br>Nothing due in the next 14 days.</li>{% endfor %}</ul></section>
    <section class="panel rights-panel" id="rights-review"><div class="panel-title-row"><h2>Rights review</h2><a class="text-link" href="/projects">View all →</a></div><ul class="compact-list">{% for p in summary.unconfirmed_rights_projects %}<li><a href="/projects/{{ p.id }}#rights"><span class="text-warning">{{ m.icon('warning') }}</span><span class="truncate">{{ p.final_title or p.working_title }}</span><span aria-hidden="true">›</span></a></li>{% else %}<li class="empty-state">All active projects have confirmed rights shares.</li>{% endfor %}</ul></section>
  </div>
  <div class="studio-footer"><span>{{ m.icon('check') }} Local workspace · music stays on your computer</span><a href="/backup">{% if summary.last_backup %}Last backup {{ summary.last_backup.created_at.strftime('%b %d, %H:%M') }} UTC · {% if summary.last_backup.verified %}Verified{% else %}Not verified{% endif %}{% else %}Create your first metadata backup →{% endif %}</a></div>
  <details class="workspace-details"><summary>More from your workspace <span>Scanner, marketing & analytics</span></summary><div class="grid grid-cols-3">
    <section class="panel"><h2>Scanner findings</h2><ul class="compact-list">{% for f in summary.recent_findings %}<li><a href="/scanner"><span class="truncate">{{ f.path.replace('\\', '/').split('/')[-1] }}</span>{{ m.icon('warning') }}</a></li>{% else %}<li class="empty-state">No unresolved findings.</li>{% endfor %}</ul></section>
    <section class="panel"><h2>Marketing drafts</h2><ul class="compact-list">{% for d in summary.marketing_tasks %}<li><a href="/marketing/drafts/{{ d.id }}">{{ d.title }}</a></li>{% else %}<li class="empty-state">No open drafts.</li>{% endfor %}</ul></section>
    <section class="panel"><h2>Recent analytics</h2><ul class="compact-list">{% for imp in summary.recent_analytics_imports %}<li><a href="/analytics">{{ imp.reporting_period_start }} – {{ imp.reporting_period_end }}<small>{{ imp.row_count }} rows</small></a></li>{% else %}<li class="empty-state">No analytics imported yet.</li>{% endfor %}</ul></section>
  </div></details>
</div>
{% endblock %}