<div class="card">
    <h3 class="pitt-primary font-bold text-xl mb-2">
        <a href="/players/{{ player.id }}" class="hover:underline">{{ player.name }}</a>
    </h3>
    <div class="text-3xl font-bold pitt-primary mb-4">{{ player.singles_rating | round(1) }}</div>
    {% if player.email %}
        <p class="text-sm text-gray-600">📧 {{ player.email }}</p>
    {% endif %}
    <div class="flex gap-2 mt-4">
        <a href="/players/{{ player.id }}" class="btn-primary text-sm">View Profile</a>
        <a href="/players/{{ player.id }}/edit" class="btn-warning text-sm">Edit</a>
    </div>
</div>
