@extends('layout')

@section('content')
    @php
        $task = $task ?? null;
        $defaults = $defaults ?? [];
        $editing = $task !== null;
        $source = $editing ? (array) $task : $defaults;
        $value = static fn (string $key, mixed $default = '') => $source[$key] ?? $default;
        $dateValue = static fn (string $key) => $value($key) ? date('Y-m-d\TH:i', strtotime((string) $value($key))) : '';
        $context = (string) $value('context', !empty($source['system_id']) ? 'system:'.(int) $source['system_id'] : (!empty($source['project_id']) ? 'project:'.(int) $source['project_id'] : ''));
        $checklist = $value('checklist', []);
        if (is_string($checklist)) $checklist = json_decode($checklist, true) ?: [];
        $action = $editing ? 'tarefas/'.$task->id : 'tarefas';
    @endphp
    <div class="page-head"><div class="t"><h1><i class="ic sm">checklist</i> {{ $editing ? 'Editar tarefa' : 'Nova tarefa' }}</h1><p class="lead">Registre o trabalho e relacione-o ao contexto correto.</p></div></div>
    <form class="form wide card pad-lg task-form" method="post" action="{{ url($action) }}" data-ajax data-method="{{ $editing ? 'PUT' : 'POST' }}" data-task-{{ $editing ? 'edit' : 'create' }} data-success="Tarefa {{ $editing ? 'atualizada' : 'criada' }}.">
        @csrf
        <input type="hidden" name="checklist_present" value="1">
        <input type="hidden" name="checklist" value="[]" data-task-checklist-json>
        <div class="form-grid">
            <div class="field"><label for="task-title">Título <span class="hint">obrigatório</span></label><input id="task-title" name="title" required maxlength="200" value="{{ (string) $value('title') }}" placeholder="Ex.: Ajustar relatório solicitado pelo cliente"></div>
            <div class="field"><label for="task-type">Tipo</label><select id="task-type" name="task_type">
                @foreach (\App\Models\Task::TYPES as $item)
                    <option value="{{ $item }}" {{ $value('task_type', 'interna') === $item ? 'selected' : '' }}>{{ \App\Models\Task::typeLabel($item) }}</option>
                @endforeach
            </select></div>
        </div>
        <div class="field{{ field_state('description') }}">
            <label for="task-description-surface">Descrição</label>
            @include('partials.rich-editor', [
                'richEditorId' => 'task-description',
                'richEditorName' => 'description',
                'richEditorValue' => $value('description'),
                'richEditorMaxlength' => 30000,
                'richEditorPlaceholder' => 'Contexto, critérios de aceite e próximos passos…',
                'richEditorHint' => 'Use títulos, listas e links para deixar a execução objetiva.',
            ])
            {!! field_error('description') !!}
        </div>
        <div class="form-grid thirds">
            <div class="field"><label for="task-status">Situação</label><select id="task-status" name="status">
                @foreach (\App\Models\Task::STATUSES as $item)
                    <option value="{{ $item }}" {{ $value('status', 'backlog') === $item ? 'selected' : '' }}>{{ \App\Models\Task::statusLabel($item) }}</option>
                @endforeach
            </select></div>
            <div class="field"><label for="task-priority">Prioridade</label><select id="task-priority" name="priority">
                @foreach (\App\Models\Task::PRIORITIES as $item)
                    <option value="{{ $item }}" {{ $value('priority', 'normal') === $item ? 'selected' : '' }}>{{ \App\Models\Task::priorityLabel($item) }}</option>
                @endforeach
            </select></div>
            <div class="field"><label for="task-progress">Progresso (%)</label><input id="task-progress" name="progress" type="number" min="0" max="100" value="{{ (int) $value('progress', 0) }}" data-task-progress-input></div>
        </div>
        <section class="task-checklist-editor" data-task-checklist-editor>
            <div class="card-head"><h2><i class="ic sm">checklist</i> Checklist</h2><span class="grow"></span><span class="muted small" data-task-checklist-progress>{{ $checklist !== [] ? \App\Models\Task::checklistProgress($checklist).'%' : 'Opcional' }}</span></div>
            <p class="muted small">Adicione etapas; o progresso será calculado automaticamente pelas concluídas.</p>
            <div class="task-checklist-editor__items" data-task-checklist-items>
                @foreach ($checklist as $index => $item)
                    <div class="task-checklist-editor__item" data-task-checklist-item>
                        <input type="checkbox" value="1" {{ !empty($item['done']) ? 'checked' : '' }} aria-label="Etapa concluída">
                        <input type="hidden" value="{{ $item['id'] ?? '' }}" data-task-checklist-id>
                        <input type="text" value="{{ $item['title'] ?? '' }}" maxlength="300" placeholder="Descreva uma etapa" required data-task-checklist-title>
                        <button class="icon-btn" type="button" data-task-checklist-remove aria-label="Remover etapa"><i class="ic sm">delete</i></button>
                    </div>
                @endforeach
            </div>
            <button class="btn btn--ghost btn--sm" type="button" data-task-checklist-add><i class="ic sm">add</i> Adicionar etapa</button>
        </section>
        <div class="form-grid">
            <div class="field"><label for="task-start">Início</label><input id="task-start" name="start_date" type="datetime-local" value="{{ $dateValue('start_date') }}"></div>
            <div class="field"><label for="task-due">Prazo</label><input id="task-due" name="due_date" type="datetime-local" value="{{ $dateValue('due_date') }}"></div>
        </div>
        <div class="field"><label for="task-assignee">Responsável</label><select id="task-assignee" name="assignee_id" data-searchable-select>
            <option value="">Não atribuir agora</option>
            @foreach ($users as $item)
                <option value="{{ $item->id }}" {{ (int) $value('assignee_id', 0) === $item->id ? 'selected' : '' }}>{{ $item->name }}</option>
            @endforeach
        </select></div>
        <div class="task-context-field">
            <div class="card-head"><h2><i class="ic sm">link</i> Contexto da tarefa</h2><span class="muted small">opcional</span></div>
            <p class="muted small">Vincule a tarefa a uma solução ou projeto para manter o histórico próximo da operação.</p>
            <div class="form-grid thirds">
                <div class="field"><label for="task-context">Contexto</label><select id="task-context" name="context" data-searchable-select>
                    <option value="">— Nenhum contexto —</option>
                    @if ($systems->isNotEmpty())
                        <optgroup label="Soluções">
                            @foreach ($systems as $item)
                                <option value="system:{{ $item->id }}" {{ $context === 'system:'.$item->id ? 'selected' : '' }}>{{ $item->name }}</option>
                            @endforeach
                        </optgroup>
                    @endif
                    @if ($projects->isNotEmpty())
                        <optgroup label="Projetos">
                            @foreach ($projects as $item)
                                <option value="project:{{ $item->id }}" {{ $context === 'project:'.$item->id ? 'selected' : '' }}>{{ $item->name }}</option>
                            @endforeach
                        </optgroup>
                    @endif
                </select></div>
                <div class="field"><label for="task-client">Cliente</label><select id="task-client" name="client_id" data-searchable-select>
                    <option value="">—</option>
                    @foreach ($clients as $item)
                        <option value="{{ $item->id }}" {{ (int) $value('client_id', 0) === $item->id ? 'selected' : '' }}>{{ $item->name }}</option>
                    @endforeach
                </select></div>
                <div class="field"><label for="task-lead">Lead</label><select id="task-lead" name="lead_id" data-searchable-select>
                    <option value="">—</option>
                    @foreach ($leads as $item)
                        <option value="{{ $item->id }}" {{ (int) $value('lead_id', 0) === $item->id ? 'selected' : '' }}>{{ $item->name }}</option>
                    @endforeach
                </select></div>
                <div class="field"><label for="task-ticket">Chamado</label><select id="task-ticket" name="ticket_id" data-searchable-select>
                    <option value="">—</option>
                    @foreach ($tickets as $item)
                        <option value="{{ $item->id }}" {{ (int) $value('ticket_id', 0) === $item->id ? 'selected' : '' }}>#{{ $item->id }} · {{ $item->subject }}</option>
                    @endforeach
                </select></div>
                <div class="field"><label for="task-meeting">Reunião</label><select id="task-meeting" name="meeting_id" data-searchable-select>
                    <option value="">—</option>
                    @foreach ($meetings as $item)
                        <option value="{{ $item->id }}" {{ (int) $value('meeting_id', 0) === $item->id ? 'selected' : '' }}>{{ $item->title }} · {{ datetime_br($item->scheduled_at, 'd/m H:i') }}</option>
                    @endforeach
                </select></div>
                <div class="field"><label for="task-transaction">Pagamento</label><select id="task-transaction" name="transaction_id" data-searchable-select>
                    <option value="">—</option>
                    @foreach ($transactions->take(100) as $item)
                        <option value="{{ $item->id }}" {{ (int) $value('transaction_id', 0) === $item->id ? 'selected' : '' }}>#{{ $item->id }} · {{ $item->description }}</option>
                    @endforeach
                </select></div>
            </div>
        </div>
        <div class="form-actions">
            <a href="{{ url($editing ? 'tarefas/'.$task->id : 'tarefas') }}" class="btn btn--ghost">Cancelar</a>
            <button class="btn btn--primary" type="submit"><i class="ic">check</i> {{ $editing ? 'Salvar alterações' : 'Criar tarefa' }}</button>
        </div>
    </form>
@endsection