{% extends "base.html" %}
{% block title %}Sessions — The Shooter's Network{% endblock %}
{% block content %}
<div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;">
  <h1 style="margin:0;">My Sessions</h1>
  <a href="{{ url_for('sessions.new') }}"
     style="background:#1a1a2e;color:#fff;padding:0.5rem 1.2rem;border-radius:4px;font-size:0.92rem;text-decoration:none;">
    + New session
  </a>
</div>

{% if sessions %}
<table>
  <thead>
    <tr>
      <th>Session</th>
      <th>Location</th>
      <th>Visibility</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {% for s in sessions %}
    <tr>
      <td><a href="{{ url_for('sessions.detail', session_id=s.id) }}">{{ s.session_date.strftime('%d %b %Y') }}</a></td>
      <td style="color:#666;font-size:0.88rem;">{{ s.location_name or '—' }}</td>
      <td style="font-size:0.85rem;color:{% if s.is_public %}#27ae60{% else %}#aaa{% endif %};">
        {{ 'Public' if s.is_public else 'Private' }}
      </td>
      <td style="white-space:nowrap;">
        <a href="{{ url_for('sessions.edit', session_id=s.id) }}" style="font-size:0.85rem;margin-right:.75rem;">Edit</a>
        <form method="post" action="{{ url_for('sessions.delete', session_id=s.id) }}" style="display:inline;"
              onsubmit="return confirm('Delete this session?');">
          <button type="submit" class="btn-link" style="font-size:0.85rem;color:#e74c3c;">Delete</button>
        </form>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<div style="text-align:center;padding:3rem 0;color:#888;">
  <div style="font-size:3rem;margin-bottom:1rem;">🎯</div>
  <p style="margin-bottom:1rem;">No sessions recorded yet.</p>
  <a href="{{ url_for('sessions.new') }}">Log your first session</a>
</div>
{% endif %}
{% endblock %}