@extends('layout')

@section('content')
    @php
        $statusTone = static fn (string $value): string => match ($value) {
            'concluida' => 'ok', 'bloqueada', 'cancelada' => 'bad', 'em_andamento' => 'info', default => 'muted',
        };
        $contextLinks = [];
        if (!empty($task->system_id)) {
            $contextLinks[] = '<a href="'.url('sistemas/'.$task->system_id).'">Solução: '.e($task->system_name ?: '#'.$task->system_id).'</a>';
        }
        if (!empty($task->project_id)) {
            $contextLinks[] = '<a href="'.url('projetos/'.$task->project_id).'">Projeto: '.e($task->project_name ?: '#'.$task->project_id).'</a>';
        }
        if (!empty($task->client_id)) {
            $contextLinks[] = '<a href="'.url('clientes/'.$task->client_id).'">Cliente: '.e($task->client_name ?: '#'.$task->client_id).'</a>';
        }
        if (!empty($task->lead_id)) {
            $contextLinks[] = '<a href="'.url('leads/'.$task->lead_id).'">Lead: '.e($task->lead_name ?: '#'.$task->lead_id).'</a>';
        }
        if (!empty($task->ticket_id)) {
            $contextLinks[] = '<a href="'.url('chamados/'.$task->ticket_id).'">Chamado: #'.$task->ticket_id.' · '.e($task->ticket_subject ?: 'Solicitação').'</a>';
        }
        if (!empty($task->meeting_id)) {
            $contextLinks[] = '<a href="'.url('reunioes/'.$task->meeting_id).'">Reunião: '.e($task->meeting_title ?: '#'.$task->meeting_id).'</a>';
        }
        if (!empty($task->transaction_id)) {
            $contextLinks[] = '<a href="'.url('financeiro/'.$task->transaction_id.'/editar').'">Pagamento: #'.$task->transaction_id.'</a>';
        }
    @endphp
    <div class="page-head page-head--rich task-detail-head">
        @include('partials.context-back')
        <div class="t">
            <div class="tags">
                <span class="badge badge--{{ $statusTone($task->status) }}" data-task-status-badge>{{ \App\Models\Task::statusLabel($task->status) }}</span>
                <span class="badge badge--{{ $statusTone($task->priority) }}">{{ \App\Models\Task::priorityLabel($task->priority) }}</span>
            </div>
            <h1>{{ $task->title }}</h1>
            <p class="lead">Tarefa #{{ $task->id }} · criada em {{ datetime_br($task->created_at) }}</p>
        </div>
        <div class="actions">
            <a class="btn btn--subtle" href="{{ url('tarefas/'.$task->id.'/editar') }}"><i class="ic sm">edit</i><span class="lbl">Editar</span></a>
            <a class="btn btn--ghost" href="{{ url('tarefas') }}"><i class="ic">checklist</i><span class="lbl">Todas as tarefas</span></a>
        </div>
    </div>
    <div class="detail task-detail">
        <div class="stack">
            <section class="card">
                <div class="card-head"><h2>Execução</h2><span class="grow"></span><span class="muted small" data-task-detail-progress>{{ (int) $task->progress }}%</span></div>
                <div class="card-body">
                    <div class="progress task-detail-progress"><span data-task-detail-progress-bar style="width:{{ (int) $task->progress }}%"></span></div>
                    @php $taskChecklist = is_array($task->checklist) ? $task->checklist : (json_decode((string) $task->checklist, true) ?: []); @endphp
                    @if ($taskChecklist !== [])
                        <section class="task-checklist" data-task-checklist data-task-id="{{ $task->id }}">
                            <h3>Checklist</h3>
                            @foreach ($taskChecklist as $item)
                                <label class="task-checklist__item">
                                    <input type="checkbox" data-task-checklist-toggle="{{ $item['id'] }}" {{ !empty($item['done']) ? 'checked' : '' }}>
                                    <span>{{ $item['title'] }}</span>
                                </label>
                            @endforeach
                        </section>
                    @endif
                    @if (!empty($task->description))
                        <div class="task-description rich-content">{!! \App\Services\RichTextSanitizer::clean((string) $task->description) !!}</div>
                    @endif
                    <form class="task-workflow-form" method="post" action="{{ url('tarefas/'.$task->id.'/fluxo') }}" data-ajax data-method="PATCH" data-task-workflow>
                        @csrf
                        <div class="form-grid thirds">
                            <div class="field"><label>Situação</label><select name="status" data-task-status>
                                @foreach (\App\Models\Task::STATUSES as $value)
                                    <option value="{{ $value }}" {{ $task->status === $value ? 'selected' : '' }}>{{ \App\Models\Task::statusLabel($value) }}</option>
                                @endforeach
                            </select></div>
                            <div class="field"><label>Progresso (%)</label><input type="number" name="progress" min="0" max="100" value="{{ (int) $task->progress }}" data-task-progress></div>
                            <div class="field"><label>Prazo</label><input type="datetime-local" name="due_date" value="{{ $task->due_date ? date('Y-m-d\TH:i', strtotime((string) $task->due_date)) : '' }}" data-task-due></div>
                        </div>
                        <div class="field"><label>Motivo do bloqueio</label><input name="blocked_reason" maxlength="2000" value="{{ (string) ($task->blocked_reason ?? '') }}" placeholder="Preencha somente se a tarefa estiver bloqueada."></div>
                        <button class="btn btn--primary" type="submit"><i class="ic sm">save</i> Atualizar execução</button>
                    </form>
                </div>
            </section>
            <section class="card">
                <div class="card-head"><h2><i class="ic sm">history</i> Histórico</h2><span class="grow"></span><span class="muted small">{{ count($events) }} registro(s)</span></div>
                <div class="card-body task-event-list">
                    @if (count($events) === 0)
                        <p class="muted small">Nenhuma alteração registrada.</p>
                    @else
                        @foreach ($events as $event)
                            <div class="task-event">
                                <span class="task-event-icon"><i class="ic sm">history</i></span>
                                <div><strong>{{ $event->description }}</strong><span>{{ $event->user_name ?: 'Sistema' }} · {{ datetime_br($event->created_at, 'd/m/Y H:i') }}</span></div>
                            </div>
                        @endforeach
                    @endif
                </div>
            </section>
        </div>
        <aside class="aside">
            <section class="card pad">
                <h2 class="task-side-title">Contexto</h2>
                <div class="task-context-links">
                    @if ($contextLinks === [])
                        <span class="muted small">Atividade interna, sem vínculo.</span>
                    @else
                        @foreach ($contextLinks as $link)
                            <div>{!! $link !!}</div>
                        @endforeach
                    @endif
                </div>
                <hr class="hr">
                <div class="meta-list">
                    <div class="m"><div class="l">Tipo</div><div class="val">{{ \App\Models\Task::typeLabel($task->task_type) }}</div></div>
                    <div class="m"><div class="l">Responsável</div><div class="val">{{ $task->assignee_name ?: 'Não atribuído' }}</div></div>
                    <div class="m"><div class="l">Início</div><div class="val">{{ datetime_br($task->start_date, 'd/m/Y H:i') }}</div></div>
                    <div class="m"><div class="l">Prazo</div><div class="val">{{ datetime_br($task->due_date, 'd/m/Y H:i') }}</div></div>
                </div>
            </section>
            <form method="post" action="{{ url('tarefas/'.$task->id) }}" data-ajax data-method="DELETE" data-confirm="Arquivar esta tarefa? Ela sairá das listas, mas o histórico será preservado.">
                @csrf
                @method('DELETE')
                <button class="btn btn--danger btn--block" type="submit"><i class="ic sm">archive</i> Arquivar tarefa</button>
            </form>
        </aside>
    </div>
@endsection