{% extends "admin/base_admin.html" %}
{% set admin_page = "scenarios" %}

{% block title %}Preview: {{ scenario.title }} - Admin - {{ config.APP_NAME }}{% endblock %}

{% block admin_content %}
  <div style="max-width: 48rem; margin: 0 auto;">
    <div class="flex justify-between items-center mb-6">
      <a href="{{ url_for('admin.scenarios') }}" class="text-sm text-slate">&larr; Back to scenarios</a>
      <a href="{{ url_for('admin.scenario_edit', scenario_id=scenario.id) }}" class="btn-outline btn-sm">Edit</a>
    </div>
    <h1 class="text-2xl mb-2">{{ scenario.title }}</h1>
    {% if scenario.subtitle %}
    <p class="text-slate mb-6">{{ scenario.subtitle }}</p>
    {% endif %}

    <h2 class="text-lg mb-4">Summary</h2>
    {% include "partials/scenario_summary.html" %}

    <h2 class="text-lg mb-4 mt-8">CAPEX Breakdown</h2>
    {% include "partials/scenario_capex.html" %}

    <h2 class="text-lg mb-4 mt-8">Revenue &amp; Operating Costs</h2>
    {% include "partials/scenario_operating.html" %}

    <h2 class="text-lg mb-4 mt-8">Cash Flow Projection</h2>
    {% include "partials/scenario_cashflow.html" %}

    <h2 class="text-lg mb-4 mt-8">Returns &amp; Financing</h2>
    {% include "partials/scenario_returns.html" %}
  </div>
{% endblock %}
