<tr class="border-b hover:bg-gray-50">
    <td class="px-4 py-3">{{ match_type }}</td>
    <td class="px-4 py-3">
        {% for player in team1_players %}
            <div class="font-semibold text-blue-900">
                <a href="/players/{{ player.id }}" class="hover:underline">{{ player.name }}</a>
                <span class="text-green-600">+{{ player.rating_change | round(1) }}</span>
            </div>
        {% endfor %}
    </td>
    <td class="px-4 py-3 text-center font-bold">{{ team1_score }}-{{ team2_score }}</td>
    <td class="px-4 py-3">
        {% for player in team2_players %}
            <div class="font-semibold text-blue-900">
                <a href="/players/{{ player.id }}" class="hover:underline">{{ player.name }}</a>
                <span class="{% if player.rating_change >= 0 %}text-green-600{% else %}text-red-600{% endif %}">{{ player.rating_change | round(1) }}</span>
            </div>
        {% endfor %}
    </td>
    <td class="px-4 py-3 text-sm text-gray-600">{{ match_date }}</td>
    <td class="px-4 py-3">
        <form method="post" action="/matches/{{ match_id }}/delete" style="display: inline;">
            <button type="submit" class="btn-danger text-sm" onclick="return confirm('Delete this match?')">Delete</button>
        </form>
    </td>
</tr>
