{% extends "base.html" %}
{% block title %}{{ project.name }} · Project · CalMiner{% endblock %}

{% block head_extra %}
  <link rel="stylesheet" href="/static/css/projects.css" />
{% endblock %}

{% block content %}
  <nav class="breadcrumb">
    <a href="{{ url_for('projects.project_list_page') }}">Projects</a>
    <span aria-current="page">{{ project.name }}</span>
  </nav>

  <header class="page-header">
    <div>
      <h1>{{ project.name }}</h1>
      <p class="text-muted">{{ project.operation_type.value.replace('_', ' ') | title }}</p>
    </div>
    <div class="header-actions">
  <a class="btn btn--secondary" href="{{ url_for('scenarios.project_scenario_list', project_id=project.id) }}">Manage Scenarios</a>
  <a class="btn btn--secondary" href="{{ url_for('projects.edit_project_form', project_id=project.id) }}">Edit Project</a>
  <a class="btn btn--primary" href="{{ url_for('scenarios.create_scenario_form', project_id=project.id) }}">New Scenario</a>
    </div>
  </header>

  <section class="project-metrics">
    <article class="metric-card">
      <h2>Total Scenarios</h2>
      <p class="metric-value">{{ scenario_stats.total }}</p>
      <span class="metric-caption">Across this project</span>
    </article>
    <article class="metric-card">
      <h2>Active</h2>
      <p class="metric-value">{{ scenario_stats.active }}</p>
      <span class="metric-caption">Currently live analyses</span>
    </article>
    <article class="metric-card">
      <h2>Draft</h2>
      <p class="metric-value">{{ scenario_stats.draft }}</p>
      <span class="metric-caption">Awaiting validation</span>
    </article>
    <article class="metric-card">
      <h2>Archived</h2>
      <p class="metric-value">{{ scenario_stats.archived }}</p>
      <span class="metric-caption">Historical references</span>
    </article>
  </section>

  <div class="project-layout">
    <div class="project-column">
      <section class="card">
        <h2>Project Overview</h2>
        <dl class="definition-list">
          <div>
            <dt>Location</dt>
            <dd>{{ project.location or '—' }}</dd>
          </div>
          <div>
            <dt>Description</dt>
            <dd>{{ project.description or 'No description provided.' }}</dd>
          </div>
          <div>
            <dt>Created</dt>
            <dd>{{ project.created_at.strftime('%Y-%m-%d %H:%M') }}</dd>
          </div>
          <div>
            <dt>Updated</dt>
            <dd>{{ project.updated_at.strftime('%Y-%m-%d %H:%M') }}</dd>
          </div>
          <div>
            <dt>Latest Scenario Update</dt>
            <dd>{{ scenario_stats.latest_update.strftime('%Y-%m-%d %H:%M') if scenario_stats.latest_update else '—' }}</dd>
          </div>
        </dl>
      </section>

      <section class="card project-actions-card">
        <h2>Next Steps</h2>
        <ul class="quick-link-list">
          <li>
            <a href="{{ url_for('scenarios.create_scenario_form', project_id=project.id) }}">Capture a new scenario</a>
            <p>Create an additional assumption set under this project.</p>
          </li>
          <li>
            <a href="{{ url_for('scenarios.project_scenario_list', project_id=project.id) }}">Review scenario portfolio</a>
            <p>Compare scenarios and jump into calculators with inherited context.</p>
          </li>
          <li>
            <a href="{{ url_for('projects.edit_project_form', project_id=project.id) }}">Update project details</a>
            <p>Revise metadata or operation type for reporting.</p>
          </li>
        </ul>
      </section>
    </div>

    <section class="card project-scenarios-card">
      <header class="project-scenarios-card__header">
        <div>
          <h2>Scenarios</h2>
          <p class="text-muted">Project scenarios inherit pricing and provide entry points to profitability planning.</p>
        </div>
  <a class="btn btn--secondary" href="{{ url_for('scenarios.create_scenario_form', project_id=project.id) }}">Add Scenario</a>
      </header>
      {% if scenarios %}
        <ul class="scenario-list">
          {% for scenario in scenarios %}
            <li class="scenario-item">
              <div class="scenario-item__body">
                <div class="scenario-item__header">
                  <h3><a href="{{ url_for('scenarios.view_scenario', scenario_id=scenario.id) }}">{{ scenario.name }}</a></h3>
                  <span class="status-pill status-pill--{{ scenario.status.value }}">{{ scenario.status.value.title() }}</span>
                </div>
                <dl class="scenario-item__meta">
                  <div>
                    <dt>Currency</dt>
                    <dd>{{ scenario.currency or '—' }}</dd>
                  </div>
                  <div>
                    <dt>Primary Resource</dt>
                    <dd>{{ scenario.primary_resource.value.replace('_', ' ') | title if scenario.primary_resource else '—' }}</dd>
                  </div>
                  <div>
                    <dt>Last Updated</dt>
                    <dd>{{ scenario.updated_at.strftime('%Y-%m-%d %H:%M') if scenario.updated_at else '—' }}</dd>
                  </div>
                </dl>
              </div>
              <div class="scenario-item__actions">
                <a class="btn btn--link" href="{{ url_for('scenarios.view_scenario', scenario_id=scenario.id) }}">View</a>
                <a class="btn btn--link" href="{{ url_for('scenarios.edit_scenario_form', scenario_id=scenario.id) }}">Edit</a>
              </div>
            </li>
          {% endfor %}
        </ul>
      {% else %}
        <p class="empty-state">No scenarios yet. <a href="{{ url_for('scenarios.create_scenario_form', project_id=project.id) }}">Create the first scenario.</a></p>
      {% endif %}
    </section>
  </div>
{% endblock %}