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

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

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

  <header class="page-header">
    <div>
      <h1>Scenarios</h1>
      <p class="text-muted">Assumption sets and calculators for {{ project.name }}</p>
    </div>
    <div class="header-actions">
      <a class="btn btn--secondary" href="{{ url_for('projects.view_project', project_id=project.id) }}">Project Overview</a>
      <a class="btn btn--primary" href="{{ url_for('scenarios.create_scenario_form', project_id=project.id) }}">New Scenario</a>
    </div>
  </header>

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

  <div class="scenario-layout">
    <div class="scenario-column">
      <section class="card">
        <h2>Project Context</h2>
        <dl class="definition-list">
          <div>
            <dt>Project</dt>
            <dd>{{ project.name }}</dd>
          </div>
          <div>
            <dt>Operation Type</dt>
            <dd>{{ project.operation_type.value.replace('_', ' ') | title }}</dd>
          </div>
          <div>
            <dt>Location</dt>
            <dd>{{ project.location or '—' }}</dd>
          </div>
          <div>
            <dt>Latest Update</dt>
            <dd>{{ scenario_totals.latest_update.strftime('%Y-%m-%d %H:%M') if scenario_totals.latest_update else '—' }}</dd>
          </div>
        </dl>
      </section>

      <section class="card quick-actions-card">
        <h2>Quick Actions</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>Add additional assumption sets for profitability planning.</p>
          </li>
          <li>
            <a href="{{ url_for('projects.view_project', project_id=project.id) }}">Review project overview</a>
            <p>Cross-check project metadata before running calculators.</p>
          </li>
        </ul>
      </section>
    </div>

    <section class="card scenario-portfolio">
      <header class="scenario-portfolio__header">
        <div>
          <h2>Scenario Portfolio</h2>
          <p class="text-muted">Each scenario below inherits pricing defaults and links directly into calculators.</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 %}
            {% set profitability_href = url_for('calculations.profitability_form', project_id=project.id, scenario_id=scenario.id) %}
            {% set opex_href = url_for('calculations.scenario_opex_form', project_id=project.id, scenario_id=scenario.id) %}
            {% set capex_href = url_for('calculations.scenario_capex_form', project_id=project.id, scenario_id=scenario.id) %}
            <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>Timeline</dt>
                    <dd>{{ scenario.start_date or '—' }} → {{ scenario.end_date or '—' }}</dd>
                  </div>
                  <div>
                    <dt>Updated</dt>
                    <dd>{{ (scenario.updated_at or scenario.created_at).strftime('%Y-%m-%d %H:%M') if scenario.updated_at or scenario.created_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>
                <a class="btn btn--link" href="{{ profitability_href }}">Profitability</a>
                <a class="btn btn--link" href="{{ opex_href }}">Opex</a>
                <a class="btn btn--link" href="{{ capex_href }}">Capex</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 %}