<table>
    <thead>
        <tr>
            <th>Task</th>
            <th>Priority</th>
            <th>Deadline</th>
            <th>Status</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody>
        @forelse ($tasks as $task)
            <tr>
                <td>{{ $task->title }}</td>
                <td>{{ $task->priority }}</td>
                <td>{{ optional($task->deadline)->format('Y-m-d') }}</td>
                <td><span class="badge status-{{ str($task->status)->slug() }}">{{ str($task->status)->headline() }}</span></td>
                <td><a class="ghost small" href="{{ route('designer.tasks.show', $task) }}">Open</a></td>
            </tr>
        @empty
            <tr><td colspan="5">No tasks yet.</td></tr>
        @endforelse
    </tbody>
</table>
