{{template "layout" .}}

{{define "title"}}Statistics · Estus Shots{{end}}

{{define "content"}}
<fieldset class="tui-fieldset" style="padding: 2rem;">
  <legend>Statistics</legend>
  <p class="tui-text-white">
    View statistics for players, games, and bosses.
  </p>

  <section style="margin-top: 1.5rem;">
    <h2 class="tui-text-green">Player Statistics</h2>
    <div 
      id="player-stats"
      hx-get="/statistics/players"
      hx-trigger="load"
      hx-swap="innerHTML"
    >
      <div class="tui-panel">Loading player statistics...</div>
    </div>
  </section>

  <section style="margin-top: 1.5rem;">
    <h2 class="tui-text-green">Boss Statistics</h2>
    <div 
      id="boss-stats"
      hx-get="/statistics/bosses"
      hx-trigger="load"
      hx-swap="innerHTML"
    >
      <div class="tui-panel">Loading boss statistics...</div>
    </div>
  </section>

  <section style="margin-top: 1.5rem;">
    <h2 class="tui-text-green">Game Statistics</h2>
    <div 
      id="game-stats"
      hx-get="/statistics/games"
      hx-trigger="load"
      hx-swap="innerHTML"
    >
      <div class="tui-panel">Loading game statistics...</div>
    </div>
  </section>
</fieldset>
{{end}}