@extends('layouts.app')

@section('title', 'Görevler')

@section('content')
    <div class="row row-cards">
        <div class="col-lg-8">
            <div class="card">
                <div class="card-header">
                    <ul class="nav nav-tabs card-header-tabs">
                        @foreach (['mine' => 'Bana atananlar', 'overdue' => 'Gecikenler', 'all' => 'Tümü'] as $key => $label)
                            <li class="nav-item">
                                <a class="nav-link @if ($scope === $key) active @endif" href="{{ route('tasks.index', ['scope' => $key, 'status' => $status]) }}">{{ $label }}</a>
                            </li>
                        @endforeach
                    </ul>
                    <div class="ms-auto">
                        <form method="GET" action="{{ route('tasks.index') }}">
                            <input type="hidden" name="scope" value="{{ $scope }}">
                            <select name="status" class="form-select form-select-sm" aria-label="Durum" data-autosubmit>
                                @foreach ($statuses as $s)
                                    <option value="{{ $s->value }}" @selected($status === $s->value)>{{ $s->label() }}</option>
                                @endforeach
                            </select>
                            <noscript><button type="submit" class="btn btn-sm">Göster</button></noscript>
                        </form>
                    </div>
                </div>
                <div class="list-group list-group-flush">
                    @forelse ($tasks as $task)
                        <div class="list-group-item">
                            <div class="row align-items-center">
                                <div class="col">
                                    <div class="fw-bold">{{ $task->title }}</div>
                                    <div class="small text-secondary">
                                        @if ($task->customer)<a href="{{ route('customers.show', $task->customer) }}#activities">{{ $task->customer->title }}</a> · @endif
                                        <span class="{{ $task->isOverdue() ? 'text-danger fw-bold' : '' }}">{{ $task->due_at?->timezone(config('app.display_timezone'))->format('d.m.Y H:i') ?? 'Tarihsiz' }}</span>
                                        · {{ $task->assignee?->name ?? 'Atanmadı' }}
                                    </div>
                                    @if ($task->description)<div class="small mt-1 text-pre-wrap">{{ $task->description }}</div>@endif
                                </div>
                                @if ($task->status === \App\Enums\TaskStatus::Acik)
                                    <div class="col-auto d-flex gap-1">
                                        <form method="POST" action="{{ route('tasks.complete', $task) }}">
                                            @csrf
                                            <button type="submit" class="btn btn-sm btn-outline-success">Tamamla</button>
                                        </form>
                                        @can('manage-definitions')
                                            <form method="POST" action="{{ route('tasks.cancel', $task) }}">
                                                @csrf
                                                <button type="submit" class="btn btn-sm btn-link text-secondary">İptal</button>
                                            </form>
                                        @endcan
                                    </div>
                                @endif
                            </div>
                        </div>
                    @empty
                        <div class="list-group-item text-secondary">Görev yok.</div>
                    @endforelse
                </div>
                @if ($tasks->hasPages())
                    <div class="card-footer">{{ $tasks->links() }}</div>
                @endif
            </div>
        </div>

        @can('manage-definitions')
            <div class="col-lg-4">
                <form method="POST" action="{{ route('tasks.store') }}" class="card" novalidate>
                    @csrf
                    <div class="card-header"><h3 class="card-title">Yeni görev</h3></div>
                    <div class="card-body">
                        <div class="mb-2">
                            <input type="text" name="title" maxlength="255" aria-label="Başlık" placeholder="Başlık" value="{{ old('title') }}"
                                   class="form-control @error('title', 'task') is-invalid @enderror">
                            @error('title', 'task')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="mb-2">
                            <textarea name="description" rows="2" maxlength="5000" aria-label="Açıklama" placeholder="Açıklama" class="form-control">{{ old('description') }}</textarea>
                        </div>
                        <div class="mb-2">
                            <label class="form-label" for="task-due">Son tarih</label>
                            <input type="datetime-local" name="due_at" id="task-due" class="form-control" value="{{ old('due_at') }}">
                        </div>
                        <div class="mb-2">
                            <label class="form-label" for="task-user">Sorumlu</label>
                            <select name="assigned_to" id="task-user" class="form-select">
                                @foreach ($users as $user)
                                    <option value="{{ $user->id }}" @selected($user->id === auth()->id())>{{ $user->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="card-footer text-end"><button type="submit" class="btn btn-primary">Ekle</button></div>
                </form>
            </div>
        @endcan
    </div>
@endsection