{# src/fledermap/web/templates/_site_panel.html #}
{% if not found %}
<p>Site not found. It may have changed since this page was loaded.</p>
<button type="button" onclick="location.reload()">Reload page</button>
{% else %}
<div class="panel-header">
  <h2>{{ label }}</h2>
  <button type="button" onclick="fledermapFilterBySite({{ detail.site.id }})">Show only this site</button>
  <a href="/sites/{{ detail.site.id }}">Full page</a>
</div>

<div class="panel-columns">
  <div class="col species-breakdown">
    <h3>Species</h3>
    <ul>
      {% for taxon, count in detail.species_counts %}
      <li><a href="/species/{{ taxon.id }}">{{ taxon.scientific_name }}</a>: {{ count }}</li>
      {% endfor %}
    </ul>
  </div>
  <div class="col site-stats">
    <h3>Site</h3>
    <p>{{ detail.site.recording_count }} recordings</p>
    <p>{{ detail.site.admin_path or "" }}</p>
  </div>
  <div class="col sessions">
    <h3>Sessions</h3>
    <ul>
      {% for s in detail.sessions %}
      <li><a href="/sessions/{{ s.id }}">{{ s.started_at.strftime('%Y-%m-%d %H:%M') }}–{{ s.ended_at.strftime('%H:%M') }}</a></li>
      {% endfor %}
    </ul>
  </div>
</div>
{% endif %}