{% extends "base.html" %}
{% block title %}{{ team.name }} — Solitaire Hockey{% endblock %}

{% block content %}
<div class="page">

  <div style="display:flex; align-items:baseline; gap:1rem; margin-bottom:1rem; flex-wrap:wrap;">
    <h1 style="margin:0;">{{ team.name }}</h1>
    {% if seasons|length > 1 %}
    <select class="filter" onchange="window.location='/team/'+this.value">
      {% for s in seasons %}
      <option value="{{ s }}" {% if s == team_key %}selected{% endif %}>
        {{ s.split('_')[1][:4] }}-{{ s.split('_')[1][4:] }}
      </option>
      {% endfor %}
    </select>
    {% endif %}
  </div>

  {% if record %}
  <div class="stat-strip">
    <div class="stat"><div class="val">{{ record.gp or 0 }}</div><div class="lbl">GP</div></div>
    <div class="stat"><div class="val">{{ record.wins or 0 }}</div><div class="lbl">W</div></div>
    <div class="stat"><div class="val">{{ record.losses or 0 }}</div><div class="lbl">L</div></div>
    <div class="stat"><div class="val">{{ record.ties or 0 }}</div><div class="lbl">T</div></div>
    <div class="stat"><div class="val">{{ record.points or 0 }}</div><div class="lbl">PTS</div></div>
    <div class="stat"><div class="val">{{ record.gf or 0 }}</div><div class="lbl">GF</div></div>
    <div class="stat"><div class="val">{{ record.ga or 0 }}</div><div class="lbl">GA</div></div>
    <div class="stat">
      <div class="val" style="color:{% if (record.gf or 0) > (record.ga or 0) %}#34d399{% elif (record.gf or 0) < (record.ga or 0) %}#f87171{% else %}#8892a4{% endif %}">
        {% set diff = (record.gf or 0) - (record.ga or 0) %}
        {{ '+' if diff > 0 else '' }}{{ diff }}
      </div>
      <div class="lbl">DIFF</div>
    </div>
  </div>
  {% endif %}

  <!-- Skaters -->
  <div class="card">
    <div class="section-title">Skaters</div>
    {% if roster.skaters %}
    <table>
      <thead>
        <tr>
          <th data-sort>Player</th>
          <th class="num" data-sort>GP</th>
          <th class="num" data-sort>G</th>
          <th class="num" data-sort>A</th>
          <th class="num" data-sort>PTS</th>
          <th class="num" data-sort>SOG</th>
          <th class="num" data-sort>S%</th>
          <th class="num" data-sort>PPG</th>
          <th class="num" data-sort>SHG</th>
          <th class="num" data-sort>PIM</th>
        </tr>
      </thead>
      <tbody>
        {% for p in roster.skaters %}
        <tr>
          <td><a href="/player/{{ p.player_id }}">{{ p.player_name }}</a></td>
          <td class="num">{{ p.gp }}</td>
          <td class="num">{{ p.goals }}</td>
          <td class="num">{{ p.assists }}</td>
          <td class="num" style="font-weight:600;color:#fff;">{{ p.points }}</td>
          <td class="num">{{ p.shots }}</td>
          <td class="num">{{ p.shoot_pct }}%</td>
          <td class="num">{{ p.pp_goals }}</td>
          <td class="num">{{ p.sh_goals }}</td>
          <td class="num">{{ p.pim }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {% else %}
    <p class="empty">No skater stats recorded yet.</p>
    {% endif %}
  </div>

  <!-- Goalies -->
  <div class="card">
    <div class="section-title">Goalies</div>
    {% if roster.goalies %}
    <table>
      <thead>
        <tr>
          <th data-sort>Player</th>
          <th class="num" data-sort>GP</th>
          <th class="num" data-sort>W</th>
          <th class="num" data-sort>L</th>
          <th class="num" data-sort>T</th>
          <th class="num" data-sort>SA</th>
          <th class="num" data-sort>GA</th>
          <th class="num" data-sort>GAA</th>
          <th class="num" data-sort>SV%</th>
        </tr>
      </thead>
      <tbody>
        {% for g in roster.goalies %}
        <tr>
          <td><a href="/player/{{ g.player_id }}">{{ g.player_name }}</a></td>
          <td class="num">{{ g.gp }}</td>
          <td class="num badge-w">{{ g.wins }}</td>
          <td class="num badge-l">{{ g.losses }}</td>
          <td class="num badge-t">{{ g.ties }}</td>
          <td class="num">{{ g.sa }}</td>
          <td class="num">{{ g.ga }}</td>
          <td class="num">{{ "%.2f"|format(g.gaa) if g.gaa else '—' }}</td>
          <td class="num" style="font-weight:600;color:#fff;">
            {{ "%.3f"|format(g.sv_pct) if g.sv_pct else '—' }}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {% else %}
    <p class="empty">No goalie stats recorded yet.</p>
    {% endif %}
  </div>

</div>
{% endblock %}