<div class="card mb-2 task-card" draggable="true" data-task-id="{{ $task->id }}">
    <div class="card-body p-2">
        <h6 class="mb-1">{{ $task->title }}</h6>
        <div class="small text-muted mb-1">Priority: {{ ucfirst($task->priority) }}</div>
        <div class="small text-muted mb-1">Progress: {{ $task->progress_percent }}%</div>
        <div class="small text-muted">Due: {{ $task->deadline?->format('Y-m-d') ?? 'N/A' }}</div>
    </div>
</div>
