@extends('layouts.app')
@section('title', $task->title.' | LPM')
@section('heading', 'Detalle de tarea')

@section('content')
@php
    $statusStep = match ($task->status->value) {
        'pending' => 1,
        'in_progress' => 2,
        'completed' => 3,
        default => 0,
    };
    $taskActivities = $project->activityLogs->filter(
        fn ($activity) => (int) data_get($activity->metadata, 'task_id') === $task->id
    )->take(12);
    $stageDeliverables = $stage->deliverables;
    $attentionDeliverable = $stageDeliverables->first(fn ($item) => $item->status->value === 'changes_requested')
        ?? $stageDeliverables->first(fn ($item) => $item->versions->isEmpty())
        ?? $stageDeliverables->first(fn ($item) => $item->status->value === 'draft')
        ?? $stageDeliverables->first(fn ($item) => $item->status->value === 'in_review');
@endphp

<nav class="task-breadcrumb" aria-label="Ruta de navegación">
    <a href="{{ route('projects.index') }}">Mis proyectos</a><span>›</span>
    <a href="{{ route('projects.show', $project) }}">{{ $project->code }}</a><span>›</span>
    <a href="{{ route('projects.show', $project) }}#etapa-{{ $stage->id }}">{{ $stage->name }}</a><span>›</span>
    <strong>{{ $task->title }}</strong>
</nav>

<section class="task-workspace-hero">
    <div>
        <span class="step-kicker">{{ mb_strtoupper($stage->name) }} · TAREA</span>
        <h2>{{ $task->title }}</h2>
        <p>{{ $task->description ?: 'Esta tarea no tiene una descripción adicional.' }}</p>
    </div>
    <div class="task-hero-actions">
        <span class="badge {{ $task->status->value }}">{{ $task->status->label() }}</span>
        <a class="btn" href="{{ route('projects.show', $project) }}#tareas-etapa-{{ $stage->id }}">Volver al proyecto</a>
    </div>
</section>

<section class="task-progress-panel" aria-labelledby="task-progress-title">
    <div class="task-progress-heading">
        <div><span class="eyebrow">FLUJO DE LA TAREA</span><h2 id="task-progress-title">Avance actual</h2></div>
        <strong>{{ $statusStep === 3 ? '100' : ($statusStep === 2 ? '60' : ($statusStep === 1 ? '20' : '0')) }}%</strong>
    </div>
    <div class="task-progress-track">
        @foreach([1 => 'Registrada', 2 => 'En curso', 3 => 'Completada'] as $step => $label)
            <div class="task-progress-step {{ $statusStep >= $step ? 'done' : '' }} {{ $statusStep === $step ? 'current' : '' }}">
                <span>{{ $statusStep > $step ? '✓' : $step }}</span><strong>{{ $label }}</strong>
            </div>
        @endforeach
    </div>
</section>

<div class="task-workspace-grid">
    <div class="task-workspace-main">
        <section class="task-work-card">
            <header><div><span class="eyebrow">INFORMACIÓN ESENCIAL</span><h2>Qué debe realizarse</h2></div></header>
            <div class="task-description-box">{{ $task->description ?: 'Consulta con el responsable del proyecto para definir el resultado esperado de esta tarea.' }}</div>
            <dl class="task-facts">
                <div><dt>Responsable</dt><dd>{{ $task->responsible->name }}</dd></div>
                <div><dt>Fecha límite</dt><dd>{{ $task->due_date?->format('d/m/Y') ?? 'Sin fecha definida' }}</dd></div>
                <div><dt>Etapa</dt><dd>{{ $stage->name }}</dd></div>
                <div><dt>Creada por</dt><dd>{{ $task->creator->name }}</dd></div>
            </dl>
        </section>

        <section class="task-work-card" id="evidencias">
            <header>
                <div><span class="eyebrow">EVIDENCIAS RELACIONADAS</span><h2>Entregables de {{ $stage->name }}</h2><p>Se muestran los productos asociados a esta etapa del proyecto.</p></div>
                <span class="work-count">{{ $stageDeliverables->where('status', App\Enums\DeliverableStatus::Approved)->count() }}/{{ $stageDeliverables->count() }} aprobados</span>
            </header>
            <div class="task-deliverable-list">
                @forelse($stageDeliverables as $deliverable)
                    @include('projects.partials.deliverable-card', ['deliverable' => $deliverable])
                @empty
                    <div class="empty task-empty-state">
                        <strong>Aún no hay entregables en esta etapa.</strong>
                        <span>Cuando se registre uno, aparecerá aquí sin salir de la tarea.</span>
                    </div>
                @endforelse
            </div>

            @can('create', [App\Models\Deliverable::class, $project])
                @if($stage->status->value !== 'completed')
                    <details class="deliverable-create"><summary>+ Crear entregable en {{ $stage->name }}</summary>
                        <form method="post" action="{{ route('deliverables.store', $project) }}" class="form-grid compact-form">@csrf
                            <input type="hidden" name="project_stage_id" value="{{ $stage->id }}">
                            <label>Nombre<input name="name" required maxlength="180" placeholder="Ej. Guion instruccional"></label>
                            <label class="span-2">Descripción<textarea name="description" rows="2" placeholder="Resultado esperado o criterios de revisión"></textarea></label>
                            <div class="form-actions span-2"><button class="btn primary">Crear entregable</button></div>
                        </form>
                    </details>
                @endif
            @endcan
        </section>

        <section class="task-work-card">
            <header><div><span class="eyebrow">ACTIVIDAD</span><h2>Historial de la tarea</h2></div></header>
            <div class="activity-list task-activity">
                @forelse($taskActivities as $activity)
                    <article class="activity-item"><span class="activity-dot"></span><div><strong>{{ $activity->description }}</strong><small>{{ $activity->user?->name ?? 'Sistema' }} · {{ $activity->created_at->format('d/m/Y H:i') }}</small></div></article>
                @empty
                    <div class="empty compact">Los cambios de estado y ediciones aparecerán aquí.</div>
                @endforelse
            </div>
        </section>
    </div>

    <aside class="task-workspace-aside">
        <section class="task-next-card">
            <span class="next-label">SIGUIENTE ACCIÓN</span>
            @if($task->status->value === 'pending')
                <h2>Inicia esta tarea</h2><p>Indica al equipo que el trabajo ya comenzó.</p>
                @can('update', $task)<form method="post" action="{{ route('tasks.start', $task) }}">@csrf<button class="btn primary">Iniciar tarea</button></form>@endcan
            @elseif($task->status->value === 'in_progress')
                @if($attentionDeliverable?->status->value === 'changes_requested')
                    <h2>Atiende los cambios solicitados</h2><p>Carga una nueva versión en {{ $attentionDeliverable->name }}.</p><a class="btn primary" href="#evidencias">Ir al entregable</a>
                @elseif($attentionDeliverable?->status->value === 'draft')
                    <h2>Envía el entregable a revisión</h2><p>La versión más reciente está lista.</p><a class="btn primary" href="#evidencias">Revisar entrega</a>
                @elseif($attentionDeliverable?->status->value === 'in_review')
                    <h2>Espera la revisión</h2><p>El Cliente interno tiene una decisión pendiente.</p><a class="btn" href="#evidencias">Ver estado</a>
                @else
                    <h2>Completa la tarea</h2><p>Confirma que el resultado esperado quedó atendido.</p>
                    @can('update', $task)<form method="post" action="{{ route('tasks.complete', $task) }}" data-confirm="¿Marcar esta tarea como completada?">@csrf<button class="btn primary">Marcar como completada</button></form>@endcan
                @endif
            @elseif($task->status->value === 'completed')
                <h2>Tarea completada</h2><p>Su historial y evidencias permanecen disponibles.</p>
                @can('update', $task)<form method="post" action="{{ route('tasks.reopen', $task) }}" data-confirm="¿Reabrir esta tarea y marcarla como pendiente?">@csrf<button class="btn">Reabrir tarea</button></form>@endcan
            @else
                <h2>Tarea cancelada</h2><p>Puede reabrirse si vuelve a ser necesaria.</p>
                @can('update', $task)<form method="post" action="{{ route('tasks.reopen', $task) }}" data-confirm="¿Reabrir esta tarea y marcarla como pendiente?">@csrf<button class="btn">Reabrir tarea</button></form>@endcan
            @endif
        </section>

        @can('update', $task)
            @if(!in_array($project->status->value, ['completed','cancelled']) && $stage->status->value !== 'completed')
                <details class="task-admin-card">
                    <summary>Editar información de la tarea</summary>
                    <form method="post" action="{{ route('tasks.update', $task) }}" class="task-edit-form">@csrf @method('PATCH')
                        <label>Título<input name="title" value="{{ $task->title }}" required></label>
                        <label>Responsable<select name="responsible_id">@foreach($taskUsers as $u)<option value="{{ $u->id }}" @selected($task->responsible_id === $u->id)>{{ $u->name }}</option>@endforeach</select></label>
                        <label>Fecha límite<input type="date" name="due_date" value="{{ $task->due_date?->format('Y-m-d') }}"></label>
                        <label>Estado<select name="status">@foreach(App\Enums\TaskStatus::cases() as $s)<option value="{{ $s->value }}" @selected($task->status === $s)>{{ $s->label() }}</option>@endforeach</select></label>
                        <label>Descripción<textarea name="description" rows="5">{{ $task->description }}</textarea></label>
                        <button class="btn primary">Guardar cambios</button>
                    </form>
                    <div class="task-secondary-actions">
                        @if(!in_array($task->status, [App\Enums\TaskStatus::Completed, App\Enums\TaskStatus::Cancelled], true))
                            <form method="post" action="{{ route('tasks.cancel', $task) }}" data-confirm="¿Cancelar esta tarea? Podrás reabrirla después.">@csrf<button class="btn" type="submit">Cancelar tarea</button></form>
                        @endif
                        @can('delete', $task)<form method="post" action="{{ route('tasks.destroy', $task) }}" data-confirm="¿Eliminar esta tarea pendiente?">@csrf @method('DELETE')<button class="btn danger" type="submit">Eliminar</button></form>@endcan
                    </div>
                </details>
            @endif
        @endcan
    </aside>
</div>
@endsection