<a href="/task_details.php?id=<?= $task['id'] ?>" class="block">
    <div class="bg-gray-800/60 p-4 rounded-lg border border-gray-700 hover:border-rose-500/50 cursor-pointer transition group relative">
        
        <div class="absolute top-4 right-4 w-2 h-2 rounded-full 
            <?= $task['priority'] == 'high' ? 'bg-red-500' : ($task['priority'] == 'medium' ? 'bg-yellow-500' : 'bg-green-500') ?>">
        </div>

        <div class="text-xs text-rose-400 font-bold mb-1 uppercase tracking-wide">
            <?= htmlspecialchars($task['project_name']) ?>
        </div>
        
        <h4 class="text-white font-medium text-sm mb-2"><?= htmlspecialchars($task['title']) ?></h4>
        
        <div class="flex justify-between items-center mt-3">
            <div class="w-6 h-6 rounded-full bg-gray-600 flex items-center justify-center text-[10px] text-white">
                <?= $task['assignee_name'] ? substr($task['assignee_name'], 0, 1) : '?' ?>
            </div>
            <div class="text-[10px] text-gray-500">
                <?= date('M d', strtotime($task['due_date'])) ?>
            </div>
        </div>
    </div>
</a>