@extends('layouts.app')
@section('title','Tasks')
@section('content')
<div data-task-workspace data-base="{{ $base }}" data-board-version="{{ $boardVersion }}" data-create-errors="{{ $errors->any() && old('creating')?'1':'0' }}">
<x-page-header eyebrow="WORK TOGETHER" title="Tasks" description="Create, assign and follow work without changing your HR approval processes."/>
<div class="page-heading"><nav class="profile-tabs" aria-label="Task sections"><a href="{{ $base }}/tasks">My Tasks</a>@if(auth()->user()->hasPermission('tasks.team') || $access->wide(auth()->user()))<a href="{{ $base }}/tasks?scope=all">All Tasks</a>@endif @if($access->wide(auth()->user()))<a href="{{ $base }}/tasks/settings">Task settings</a>@endif</nav>@can('tasks.create')<button type="button" class="button primary" data-task-create><x-icon name="plus"/>Create Task</button>@endcan</div>
<form method="get" class="panel filter-bar"><input type="hidden" name="scope" value="{{ request('scope','my') }}"><label>View<select name="view"><option value="board" @selected(request('view','board')==='board')>Kanban board</option><option value="list" @selected(request('view')==='list')>List view</option></select></label><label>Search tasks<input type="search" name="q" value="{{ request('q') }}" maxlength="100"></label><label>Priority<select name="priority"><option value="">All priorities</option>@foreach(['low','normal','high'] as $priority)<option @selected(request('priority')===$priority)>{{ $priority }}</option>@endforeach</select></label><label>Assignee<select name="assignee"><option value="">All available assignees</option>@foreach($employees as $employee)<option value="{{ $employee->id }}" @selected(request('assignee')==$employee->id)>{{ $employee->full_name }} · {{ $employee->employee_number }}</option>@endforeach</select></label><label>Due date<select name="due"><option value="">Any date</option>@foreach(['overdue'=>'Overdue','today'=>'Due today','week'=>'Next 7 days'] as $key=>$label)<option value="{{ $key }}" @selected(request('due')===$key)>{{ $label }}</option>@endforeach</select></label><label>History<select name="archived"><option value="0">Active tasks</option><option value="1" @selected(request('archived')==='1')>Archived tasks</option></select></label><button class="button primary">Filter tasks</button><a class="button secondary" href="{{ $base }}/tasks?scope={{ request('scope','my') }}">Clear</a></form>
<p class="hint">Drag by the card handle, or open “Move task” for keyboard controls. Any assignee can complete a shared task.</p><div data-task-notice role="status" aria-live="polite" hidden></div>
<div data-task-board-host @if(request('view')==='list') hidden @endif>@include('tasks.board')</div>
<div data-task-list-host @if(request('view','board')!=='list') hidden @endif>@include('tasks.list')</div>
@can('tasks.create')<dialog class="ui-record-dialog forms-help task-create-dialog" data-task-create-dialog aria-labelledby="task-create-title"><div class="panel-heading"><h2 id="task-create-title">Create Task</h2><button type="button" class="button secondary" data-dialog-close>Cancel</button></div><form method="post" action="{{ $base }}/tasks" class="panel-body" data-task-form data-task-create-form>@csrf<input type="hidden" name="creating" value="1"><label>Task title<input name="title" maxlength="180" required value="{{ old('title') }}" placeholder="What needs to be done?"></label>@include('tasks.assignees',['selected'=>old('assignees',[])])<label>Due date (optional)<input type="date" name="due_on" value="{{ old('due_on') }}"></label><details><summary>More options</summary><label>Priority<select name="priority">@foreach(['low','normal','high'] as $priority)<option @selected(old('priority','normal')===$priority)>{{ $priority }}</option>@endforeach</select></label><label>Description<textarea name="description" rows="4" maxlength="10000">{{ old('description') }}</textarea></label></details><button class="button primary">Save Task</button></form></dialog>@endcan
<dialog class="task-drawer" data-task-drawer aria-label="Task details"><div class="task-drawer-heading"><strong>Task details</strong><button type="button" class="button secondary" data-dialog-close>Close task</button></div><div data-task-detail-host></div></dialog>
</div>
@endsection