<!doctype html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Resultado final de la campaña en Eclipse Imperia.">
  <meta name="theme-color" content="#071827">
  <title>Imperio derrotado — Eclipse Imperia</title>
  <link rel="stylesheet" href="{{ url_for('static', filename='strategy.css', v=APP_META.version) }}">
  <link rel="stylesheet" href="{{ url_for('static', filename='style.css', v=APP_META.version) }}">
</head>
<body>
  <nav class="skip-links" aria-label="Accesos directos de la página">
    <a class="skip-link" href="#main">Saltar al contenido principal</a>
  </nav>
  <main id="main" class="main-content standalone-main" tabindex="-1">
    <header class="page-heading">
      <p class="eyebrow">FINAL DE CAMPAÑA</p>
      <h1>Tu imperio ha sido derrotado</h1>
      <p>{{ empire.name }} ya no conserva planetas en {{ game.name }}. La partida se mantiene guardada para que puedas consultar este desenlace.</p>
    </header>

    {% with messages = get_flashed_messages(with_categories=true) %}
      {% for category, message in messages %}
        <div class="notice notice-{{ category }}" role="{{ 'alert' if category == 'error' else 'status' }}">{{ message }}</div>
      {% endfor %}
    {% endwith %}

    {% if winner %}
      <section class="notice notice-success" aria-labelledby="winner-title">
        <h2 id="winner-title">Imperio vencedor</h2>
        <p><strong>{{ winner.name }}</strong>, bajo el mando de {{ winner.commander }}, ha cumplido la condición de victoria.</p>
      </section>
    {% elif survivors %}
      <section class="notice notice-warning" aria-labelledby="survival-title">
        <h2 id="survival-title">La guerra continúa</h2>
        <p>Tu campaña ha terminado, pero todavía quedan {{ survivors|length }} imperios con planetas.</p>
      </section>
    {% else %}
      <div class="notice notice-warning" role="status">No queda ningún imperio con planetas en este universo.</div>
    {% endif %}

    <section class="panel" aria-labelledby="standings-title">
      <h2 id="standings-title">Supervivientes</h2>
      {% if survivors %}
        <div class="table-wrap">
          <table>
            <caption>Imperios que todavía controlan planetas</caption>
            <thead><tr><th scope="col">Imperio</th><th scope="col">Comandante</th><th scope="col">Planetas</th><th scope="col">Puntos</th></tr></thead>
            <tbody>
              {% for survivor in survivors %}
                <tr>
                  <th scope="row">{{ survivor.name }}</th>
                  <td>{{ survivor.commander }}</td>
                  <td>{{ survivor.planet_count }}</td>
                  <td>{{ survivor.score|number }}</td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      {% else %}
        <p>No hay supervivientes.</p>
      {% endif %}
    </section>

    <section class="panel" aria-labelledby="ground-archive-title">
      <h2 id="ground-archive-title">Archivo de batallas terrestres</h2>
      {% if invasion_archive %}
        {% for invasion in invasion_archive %}
          <article class="entity-card">
            <p class="eyebrow">{{ 'DEFENSA' if invasion.defender_empire_id == empire.id else 'ATAQUE' }}</p>
            <h3>{{ invasion.target_name or 'Planeta objetivo' }}</h3>
            <p>Atacante: {{ invasion.attacker_name }}. Defensor: {{ invasion.defender_name or empire.name }}. Estado: {{ invasion.status }}.</p>
            <p>{{ invasion.outcome or 'La campaña seguía activa al terminar el imperio.' }}</p>
            {% if invasion.initial_attack or invasion.initial_defense %}
              <dl class="settings-list">
                <div><dt>Fuerza atacante inicial</dt><dd>{{ invasion.initial_attack.get('soldiers',0) }} soldados, {{ invasion.initial_attack.get('armor',0) }} blindados y {{ invasion.initial_attack.get('supplies',0) }} suministros.</dd></div>
                <div><dt>Guarnición inicial</dt><dd>{{ invasion.initial_defense.get('soldiers',0) }} soldados, {{ invasion.initial_defense.get('armor',0) }} blindados y {{ invasion.initial_defense.get('supplies',0) }} suministros.</dd></div>
              </dl>
            {% endif %}
            {% if invasion.rounds %}
              <details open>
                <summary>{{ invasion.rounds|length }} {{ 'ronda registrada' if invasion.rounds|length == 1 else 'rondas registradas' }}</summary>
                <ol>{% for round in invasion.rounds %}<li><strong>Ronda {{ round.round }}:</strong> potencia {{ round.attack_power }} contra {{ round.defense_power }}; fortificación {{ round.fortification_percent }} %. Bajas: {{ round.attacker_losses }} atacantes y {{ round.defender_losses }} defensores. Restantes: {{ round.attacker_after }} / {{ round.defender_after }}.</li>{% endfor %}</ol>
              </details>
            {% endif %}
          </article>
        {% endfor %}
      {% else %}
        <p>No hay una invasión terrestre registrada para este desenlace. Los informes orbitales y demás sucesos se conservan a continuación.</p>
      {% endif %}
    </section>

    <section class="panel" aria-labelledby="final-reports-title">
      <h2 id="final-reports-title">Últimos informes recibidos</h2>
      {% if final_messages %}<ol>{% for message in final_messages %}<li><strong>{{ message.subject }}</strong> · {{ message.category }}<p>{{ message.body }}</p></li>{% endfor %}</ol>{% else %}<p>No hay informes.</p>{% endif %}
    </section>

    <section class="panel" aria-labelledby="final-history-title">
      <h2 id="final-history-title">Últimos acontecimientos del imperio</h2>
      {% if final_timeline %}<ol>{% for entry in final_timeline %}<li><strong>{{ entry.title }}</strong> · {{ entry.category }}<p>{{ entry.detail }}</p></li>{% endfor %}</ol>{% else %}<p>No hay acontecimientos archivados.</p>{% endif %}
    </section>

    <div class="button-row">
      <form method="post" action="{{ url_for('abandon_action') }}">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <button class="button" type="submit">Volver a la pantalla inicial</button>
      </form>
      <a class="button button-secondary" href="{{ url_for('public_manual') }}">Manual</a>
      <a class="button button-secondary" href="{{ url_for('public_encyclopedia') }}">Enciclopedia</a>
      <a class="button button-secondary" href="{{ url_for('about_page') }}">Acerca de Eclipse Imperia</a>
    </div>
  </main>
</body>
</html>
