{{-- Task Kanban Card Partial --}}
@php
    $isOverdue = $task->isOverdue();
    $isDone    = $isDone ?? false;
@endphp
<a href="{{ route('tasks.show', $task) }}">
<div class="task-card {{ $isOverdue ? 'overdue' : '' }} {{ $isDone ? 'done-card' : '' }}">

    <div class="task-title">{{ $task->title }}</div>

    @if($task->job)
    <div class="task-meta">
       
            {{ $task->job->job_number ?? 'J-'.$task->job->id }}
        
        &middot; {{ $task->job->client_name ?? $task->job->name ?? '' }}
    </div>
    @endif

    <div class="card-footer">
        <div style="display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;">
            <span class="badge-priority badge-{{ $task->priority }}">
                {{ $task->priorityLabel() }}
            </span>

            @if($isDone && $task->done_at)
                <span class="done-date">Done {{ $task->done_at->format('d M') }}</span>
            @elseif($isOverdue)
                <span class="overdue-tag">
                    &#9651; {{ $task->daysOverdue() }} day{{ $task->daysOverdue() === 1 ? '' : 's' }} overdue
                </span>
            @elseif($task->due_date)
                <span class="done-date">Due {{ $task->due_date->format('d M') }}</span>
            @endif
        </div>

        <div class="avatar" title="{{ $task->assignee->name }}">
            {{ strtoupper(substr($task->assignee->name, 0, 1)) }}{{ strtoupper(substr(explode(' ', $task->assignee->name)[1] ?? '', 0, 1)) }}
        </div>
    </div>
</div>
</a>