@extends('portal.layouts.app')

@section('content')
    <div class="portal-actions" style="margin-top: 0; margin-bottom: 18px;">
        <a class="portal-button portal-button--ghost" href="{{ route('portal.tasks') }}">
            {{ trans('portal.tasks.back_to_tasks') }}
        </a>
    </div>

    <div class="portal-card">
        <h2 class="portal-card__title">{{ trans('portal.tasks.detail.overview_title') }}</h2>
        <div class="portal-kv-grid" style="margin-top: 14px;">
            <div class="portal-kv">
                <span class="portal-kv__label">{{ trans('portal.tasks.detail.title_label') }}</span>
                <span class="portal-kv__value">{{ $task->title }}</span>
            </div>
            <div class="portal-kv">
                <span class="portal-kv__label">{{ trans('portal.tasks.detail.status') }}</span>
                <span class="portal-kv__value">
                    <span class="portal-badge portal-badge--{{ $service->statusBadge($task->status) }}">
                        {{ trans('portal.tasks.statuses.' . $task->status) }}
                    </span>
                </span>
            </div>
            <div class="portal-kv">
                <span class="portal-kv__label">{{ trans('portal.tasks.detail.priority') }}</span>
                <span class="portal-kv__value">
                    <span class="portal-badge portal-badge--{{ $service->priorityBadge($task->priority) }}">
                        {{ trans('portal.tasks.priorities.' . $task->priority) }}
                    </span>
                </span>
            </div>
            <div class="portal-kv">
                <span class="portal-kv__label">{{ trans('portal.tasks.detail.due_date') }}</span>
                <span class="portal-kv__value">{{ $task->due_date?->format('Y-m-d') ?? '—' }}</span>
            </div>
            <div class="portal-kv">
                <span class="portal-kv__label">{{ trans('portal.tasks.detail.started_at') }}</span>
                <span class="portal-kv__value">{{ $task->started_at?->format('Y-m-d H:i') ?? '—' }}</span>
            </div>
            <div class="portal-kv">
                <span class="portal-kv__label">{{ trans('portal.tasks.detail.completed_at') }}</span>
                <span class="portal-kv__value">{{ $task->completed_at?->format('Y-m-d H:i') ?? '—' }}</span>
            </div>
        </div>
    </div>

    @if ($task->description || $task->notes)
        <div class="portal-card" style="margin-top: 18px;">
            @if ($task->description)
                <h2 class="portal-card__title">{{ trans('portal.tasks.detail.description') }}</h2>
                <p class="portal-card__text" style="margin-top: 10px;">{{ $task->description }}</p>
            @endif
            @if ($task->notes)
                <h2 class="portal-card__title" style="margin-top: {{ $task->description ? '18px' : '0' }};">
                    {{ trans('portal.tasks.detail.notes') }}
                </h2>
                <p class="portal-card__text" style="margin-top: 10px;">{{ $task->notes }}</p>
            @endif
        </div>
    @endif

    @if ($task->attachments->isNotEmpty())
        <div class="portal-card" style="margin-top: 18px;">
            <h2 class="portal-card__title">{{ trans('portal.tasks.detail.attachments_title') }}</h2>
            <div class="portal-list" style="margin-top: 14px;">
                @foreach ($task->attachments as $attachment)
                    <div class="portal-list__item">
                        <div>
                            <div class="portal-list__title">{{ $attachment->file_name }}</div>
                            <div class="portal-list__meta">{{ $attachment->created_at->format('Y-m-d') }}</div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    @endif

    @if ($task->comments->isNotEmpty())
        <div class="portal-card" style="margin-top: 18px;">
            <h2 class="portal-card__title">{{ trans('portal.tasks.detail.comments_title') }}</h2>
            <div class="portal-timeline" style="margin-top: 14px;">
                @foreach ($task->comments as $comment)
                    <div class="portal-timeline__item">
                        <div class="portal-timeline__dot"></div>
                        <div>
                            <div class="portal-timeline__title">
                                <strong>{{ $comment->employee?->name ?? trans('portal.common.not_available') }}</strong>
                                <span class="portal-subtle">{{ $comment->created_at->format('Y-m-d H:i') }}</span>
                            </div>
                            <p class="portal-timeline__text">{{ $comment->comment }}</p>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    @endif
@endsection