@extends('layouts.app')
@section('title', $project->code.' | LPM')
@section('heading', $project->name)

@section('content')
@php
    $focusStage = $project->stages->first(fn ($stage) => $stage->status->value === 'active')
        ?? $project->stages->first(fn ($stage) => $stage->status->value === 'pending')
        ?? $project->stages->last();
    $focusOpenTasks = $focusStage?->tasks->filter(fn ($task) => $task->status->value !== 'completed') ?? collect();
    $focusHasTasks = $focusStage?->tasks->isNotEmpty() ?? false;
    $focusDeliverables = $focusStage?->deliverables ?? collect();
    $attentionDeliverable = $focusDeliverables->first(fn ($item) => $item->status->value === 'changes_requested')
        ?? $focusDeliverables->first(fn ($item) => $item->versions->isEmpty())
        ?? $focusDeliverables->first(fn ($item) => $item->status->value === 'draft')
        ?? $focusDeliverables->first(fn ($item) => $item->status->value === 'in_review');
    $clientPendingApproval = $project->stages->flatMap->deliverables->flatMap->approvals
        ->first(fn ($approval) => $approval->status->value === 'pending' && $approval->reviewer_id === auth()->id());
@endphp

<div class="project-head">
    <div>
        <div class="meta-line"><span class="code">{{ $project->code }}</span><span class="badge {{ $project->status->value }}">{{ $project->status->label() }}</span><span class="badge priority-{{ $project->priority->value }}">Prioridad {{ strtolower($project->priority->label()) }}</span></div>
        <p>{{ $project->description ?: 'Sin descripción registrada.' }}</p>
    </div>
    <div class="project-actions">
        @can('update', $project)<a class="btn" href="{{ route('projects.edit', $project) }}">Editar proyecto</a>@endcan
    </div>
</div>

<div class="summary-grid compact-summary">
    <article><span>Área</span><strong>{{ $project->area->name }}</strong></article>
    <article><span>Diseñador</span><strong>{{ $project->designer->name }}</strong></article>
    <article><span>Cliente interno</span><strong>{{ $project->client->name }}</strong></article>
    <article><span>Fecha límite</span><strong>{{ $project->due_date->format('d/m/Y') }}</strong></article>
</div>

<section class="route-panel" aria-labelledby="route-title">
    <div class="route-heading">
        <div><p class="eyebrow">RUTA DEL PROYECTO</p><h2 id="route-title">{{ $project->progress() }}% completado</h2></div>
        <span>{{ $project->stages->where('status', App\Enums\StageStatus::Completed)->count() }} de {{ $project->stages->count() }} etapas completadas</span>
    </div>
    <nav class="project-route" aria-label="Etapas del proyecto">
        @foreach($project->stages as $stage)
            <a href="#etapa-{{ $stage->id }}" class="route-step {{ $stage->status->value }} {{ $focusStage?->id === $stage->id ? 'current' : '' }}">
                <span class="route-number">@if($stage->status->value === 'completed')✓@else{{ $stage->position }}@endif</span>
                <span><strong>{{ $stage->name }}</strong><small>{{ $stage->status->label() }}</small></span>
            </a>
        @endforeach
    </nav>
</section>

<section class="next-action-card">
    <div class="next-action-copy">
        <span class="next-label">SIGUIENTE ACCIÓN</span>
        @if($project->status->value === 'draft')
            <h2>Activa el proyecto para iniciar Análisis</h2><p>Las etapas ya están preparadas. Al activar, la primera quedará en curso.</p>
        @elseif($project->status->value === 'cancelled')
            <h2>El proyecto está cancelado</h2><p>Puedes reactivarlo para continuar desde el punto conservado.</p>
        @elseif($project->status->value === 'completed')
            <h2>Proyecto finalizado</h2><p>La ruta y sus evidencias permanecen disponibles como historial.</p>
        @elseif($clientPendingApproval)
            <h2>Revisa {{ $clientPendingApproval->deliverable->name }}</h2><p>La versión {{ $clientPendingApproval->version->version_number }} espera tu decisión.</p>
        @elseif(!$focusHasTasks)
            <h2>Agrega la primera tarea de {{ $focusStage->name }}</h2><p>Define el trabajo de la etapa, su responsable y fecha límite antes de registrar entregables.</p>
        @elseif($focusOpenTasks->isNotEmpty())
            <h2>Continúa con “{{ $focusOpenTasks->first()->title }}”</h2><p>Es la siguiente tarea abierta de la etapa {{ $focusStage->name }}.</p>
        @elseif($focusDeliverables->isEmpty())
            <h2>Registra el entregable de {{ $focusStage->name }}</h2><p>Las tareas ya no bloquean la etapa; agrega la evidencia que deberá revisar el cliente interno.</p>
        @elseif($attentionDeliverable && $attentionDeliverable->versions->isEmpty())
            <h2>Agrega la primera versión de {{ $attentionDeliverable->name }}</h2><p>Puedes cargar un archivo privado o registrar una liga.</p>
        @elseif($attentionDeliverable?->status->value === 'changes_requested')
            <h2>Atiende los cambios de {{ $attentionDeliverable->name }}</h2><p>Consulta la observación y carga una nueva versión antes de reenviar.</p>
        @elseif($attentionDeliverable?->status->value === 'draft')
            <h2>Envía {{ $attentionDeliverable->name }} a revisión</h2><p>La versión más reciente está lista para iniciar una nueva ronda.</p>
        @elseif($attentionDeliverable?->status->value === 'in_review')
            <h2>Espera la decisión del cliente interno</h2><p>{{ $attentionDeliverable->name }} se encuentra en revisión.</p>
        @else
            <h2>Completa la etapa {{ $focusStage->name }}</h2><p>Las tareas están cerradas y todos los entregables fueron aprobados.</p>
        @endif
    </div>
    <div class="next-action-button">
        @can('manage', $project)
            @if($project->status->value === 'draft')
                <form method="post" action="{{ route('projects.activate', $project) }}" data-confirm="¿Activar el proyecto e iniciar la primera etapa?">@csrf<button class="btn primary">Activar proyecto</button></form>
            @elseif($project->status->value === 'cancelled')
                <form method="post" action="{{ route('projects.reactivate', $project) }}" data-confirm="¿Reactivar este proyecto?">@csrf<button class="btn primary">Reactivar proyecto</button></form>
            @elseif($project->status->value === 'active' && !$focusHasTasks)
                <a class="btn primary" href="#tareas-etapa-{{ $focusStage->id }}">Agregar tarea</a>
            @elseif($project->status->value === 'active' && $focusOpenTasks->isNotEmpty())
                <a class="btn primary" href="{{ route('tasks.show', $focusOpenTasks->first()) }}">Abrir siguiente tarea</a>
            @elseif($project->status->value === 'active' && ($focusDeliverables->isEmpty() || $attentionDeliverable))
                <a class="btn primary" href="#entregables-etapa-{{ $focusStage->id }}">Ir al entregable</a>
            @elseif($project->status->value === 'active')
                <a class="btn primary" href="#cierre-etapa-{{ $focusStage->id }}">Completar etapa</a>
            @endif
        @else
            @if($clientPendingApproval)<a class="btn primary" href="#entregables-etapa-{{ $clientPendingApproval->deliverable->project_stage_id }}">Revisar ahora</a>
            @elseif(auth()->user()->isClient())<a class="btn" href="{{ route('approvals.index') }}">Ver mis pendientes</a>@endif
        @endcan
    </div>
</section>

<div class="guided-stage-stack">
    @foreach($project->stages as $stage)
        @php
            $isFocus = $focusStage?->id === $stage->id;
            $hasTasks = $stage->tasks->isNotEmpty();
            $hasDeliverables = $stage->deliverables->isNotEmpty();
            $incompleteTasks = $stage->tasks->filter(fn ($task) => $task->status->value !== 'completed')->count();
            $openDeliverables = $stage->deliverables->filter(fn ($item) => $item->status->value !== 'approved')->count();
        @endphp
        <details class="guided-stage {{ $stage->status->value }}" id="etapa-{{ $stage->id }}" @if($isFocus) open @endif>
            <summary>
                <span class="stage-number">@if($stage->status->value === 'completed')✓@else{{ $stage->position }}@endif</span>
                <span class="guided-stage-name"><small>{{ $isFocus ? 'ETAPA DE TRABAJO' : 'ETAPA '.$stage->position }}</small><strong>{{ $stage->name }}</strong></span>
                <span class="stage-totals">{{ $stage->tasks->where('status', App\Enums\TaskStatus::Completed)->count() }}/{{ $stage->tasks->count() }} tareas · {{ $stage->deliverables->where('status', App\Enums\DeliverableStatus::Approved)->count() }}/{{ $stage->deliverables->count() }} entregables</span>
                <span class="badge {{ $stage->status->value }}">{{ $stage->status->label() }}</span>
            </summary>
            <div class="guided-stage-body">
                @include('projects.partials.task-list', ['stage' => $stage])

                <div class="work-block" id="entregables-etapa-{{ $stage->id }}">
                    <div class="work-block-title">
                        <div><span class="step-kicker">2 · ENTREGABLES</span><h3>Evidencias y aprobación</h3><p>Cada envío conserva su versión y su ronda de revisión.</p></div>
                        @if(auth()->user()->isClient())<a class="btn" href="{{ route('approvals.index') }}">Ver bandeja</a>@endif
                    </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

                    <div class="deliverable-list stage-deliverables">
                        @forelse($stage->deliverables as $deliverable)
                            @include('projects.partials.deliverable-card', ['deliverable' => $deliverable])
                        @empty<div class="empty deliverable-empty">Aún no hay entregables en esta etapa.</div>@endforelse
                    </div>
                </div>

                @can('manage', $project)
                    @if($project->status->value === 'active' && $stage->status->value === 'active')
                        <div class="stage-close" id="cierre-etapa-{{ $stage->id }}">
                            <span class="step-kicker">3 · CIERRE DE ETAPA</span>
                            @if(!$hasTasks || !$hasDeliverables || $incompleteTasks > 0 || $openDeliverables > 0)
                                <div class="stage-blocked" role="status"><strong>Esta etapa aún no puede completarse.</strong>@if(!$hasTasks)<span>Agrega al menos una tarea.</span>@elseif($incompleteTasks > 0)<span>{{ $incompleteTasks }} {{ $incompleteTasks === 1 ? 'tarea debe completarse' : 'tareas deben completarse' }}.</span>@endif @if(!$hasDeliverables)<span>Agrega al menos un entregable.</span>@elseif($openDeliverables > 0)<span>{{ $openDeliverables }} {{ $openDeliverables === 1 ? 'entregable requiere aprobación' : 'entregables requieren aprobación' }}.</span>@endif</div>
                            @else
                                <form method="post" action="{{ route('stages.complete', $stage) }}" data-confirm="¿Confirmas que deseas completar esta etapa?">@csrf<button class="btn primary">Completar {{ $stage->name }} y continuar</button></form>
                            @endif
                        </div>
                    @endif
                @endcan
            </div>
        </details>
    @endforeach
</div>

<details class="panel project-history">
    <summary><span><span class="eyebrow">HISTORIAL</span><strong>Actividad del proyecto</strong></span><span>Ver últimos movimientos</span></summary>
    <div class="activity-list">@forelse($project->activityLogs->take(25) 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">La actividad aparecerá aquí.</div>@endforelse</div>
</details>

@can('manage', $project)
    @if(in_array($project->status->value, ['draft','active']))
        <details class="panel danger-zone"><summary>Opciones administrativas del proyecto</summary><div class="danger-zone-body"><h2>Cancelar proyecto</h2><p>El proyecto permanecerá disponible y podrá reactivarse después.</p><form method="post" action="{{ route('projects.cancel', $project) }}" data-confirm="¿Confirmas la cancelación del proyecto?">@csrf<input name="reason" placeholder="Motivo de cancelación" minlength="5" required><button class="btn danger">Cancelar proyecto</button></form></div></details>
    @endif
@endcan
@endsection