<div class="nv-page">
  <div class="nv-toolbar">
    <button class="btn-back" (click)="back()">
      <lucide-icon [img]="ArrowLeft" [size]="14"></lucide-icon>
      {{ 'common.back' | translate }}
    </button>
    <span class="spacer"></span>
    <button class="btn-edit" (click)="edit()">
      <lucide-icon [img]="Edit3" [size]="14"></lucide-icon>
      {{ 'common.edit' | translate }}
    </button>
  </div>

  <app-persona-view [persona]="enemy" [templateFields]="templateFields" [subtitle]="subtitle"></app-persona-view>

  @if (hasFoundryStats) {
    <section class="foundry-stats">
      <h2>{{ 'enemyView.foundryStatsTitle' | translate }}</h2>
      <p class="foundry-stats-hint">{{ 'enemyView.foundryStatsHint' | translate }}</p>
      <table class="foundry-stats-table">
        <tbody>
          @for (s of foundryStatsEntries; track s.key) {
            <tr>
              <th>{{ s.key }}</th>
              <td>{{ s.value }}</td>
            </tr>
          }
        </tbody>
      </table>
    </section>
  }
</div>
