<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="grid grid-cols-2 gap-4 mb-4">
        <div>
            <div class="text-xs text-gray-500 uppercase">Rating</div>
            <div class="text-2xl font-bold pitt-primary">{{ player.rating_display }}</div>
        </div>
        <div>
            <div class="text-xs text-gray-500 uppercase">Record</div>
            <div class="text-2xl font-bold">
                <span class="text-green-600">{{ player.wins }}</span>-<span class="text-red-600">{{ player.losses }}</span>
            </div>
        </div>
    </div>
    {% if player.has_email %}
        <p class="text-sm text-gray-600 mb-4">📧 {{ player.email }}</p>
    {% endif %}
    <div class="flex gap-2">
        <a href="/players/{{ player.id }}" class="btn-primary text-sm flex-1">View Profile</a>
        <a href="/players/{{ player.id }}/edit" class="btn-warning text-sm flex-1">Edit</a>
    </div>
</div>
