{% if favorites %}
  <div class="table-wrap mt-4">
    <table class="data-table">
      <thead>
        <tr>
          <th>Player</th>
          <th>Nationality</th>
          <th>Position / Role</th>
          <th>Added</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody class="divide-y divide-slate-100 bg-white">
        {% for favorite in favorites %}
          <tr>
            <td><a class="font-medium" href="{% url 'players:detail' favorite.player_id %}">{{ favorite.player.full_name }}</a></td>
            <td>{{ favorite.player.nationality.name|default:"-" }}</td>
            <td>{{ favorite.player.nominal_position.code|default:"-" }} / {{ favorite.player.inferred_role.name|default:"-" }}</td>
            <td>{{ favorite.created_at|date:"Y-m-d" }}</td>
            <td>
              <div id="favorite-toggle-{{ favorite.player_id }}">
                {% include "scouting/partials/favorite_button.html" with player=favorite.player is_favorite=True next_url=request.get_full_path %}
              </div>
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
{% else %}
  <div class="empty-state mt-4">No players in your watchlist yet.</div>
{% endif %}