@extends('site.layouts.new.app')

@php
    $summaryText = $documentSummary ?: 'Nenhuma ementa informada para este documento.';
    $summaryCardPreview = \Illuminate\Support\Str::limit($summaryText, 900, '...');
    $summaryCardIsLong = \Illuminate\Support\Str::length($summaryText) > 900;
    $hasAttachments = $attachments->isNotEmpty();
    $hasProcessing = $processingItems->isNotEmpty();
    $hasMeetings = $meetingItems->isNotEmpty();
    $primaryGridClass = $hasAttachments
        ? 'sl-document-details__grid'
        : 'sl-document-details__grid is-single';
    $secondaryGridClass = match (true) {
        $hasProcessing && $hasMeetings => 'sl-document-details__grid is-secondary',
        $hasProcessing || $hasMeetings => 'sl-document-details__grid is-secondary is-single',
        default => null,
    };
@endphp

@section('site_content')
    <div>
        <section class="sl-materials-surface sl-document-details">
            <div class="sl-materials-tabs">
                @include('site.components.materials-tab', [
                    'label' => 'Voltar para matérias',
                    'href' => $backUrl,
                    'active' => false,
                ])
                @include('site.components.materials-tab', [
                    'label' => 'Detalhes do documento',
                    'href' => request()->fullUrl(),
                    'active' => true,
                ])
            </div>

            <div class="sl-document-details__hero">
                <div class="sl-document-details__hero-copy">
                    <p class="sl-document-details__eyebrow">{{ $documentTitle }}</p>
                    <h1>{{ $documentHeadline }}</h1>
                    <p class="sl-document-details__lede">
                        {{ $document->date ?? '-' }}
                        @if ($authorNames->isNotEmpty())
                            <span aria-hidden="true">•</span>
                            {{ $authorNames->implode(', ') }}
                        @endif
                    </p>

                    @if ($hasLongSummary)
                        <details class="sl-document-details__summary">
                            <summary>
                                <span>{{ $documentSummaryPreview }}</span>
                                <span class="sl-document-details__summary-toggle">
                                    <span class="is-collapsed">Ler ementa completa</span>
                                    <span class="is-expanded">Mostrar menos</span>
                                </span>
                            </summary>

                            <div class="sl-document-details__summary-content">
                                {!! nl2br(e($summaryText)) !!}
                            </div>
                        </details>
                    @else
                        <div class="sl-document-details__summary-static">
                            {!! nl2br(e($summaryText)) !!}
                        </div>
                    @endif
                </div>

                <div class="sl-document-details__hero-aside">
                    <div class="sl-document-details__badge-stack">
                        <span class="sl-document-details__badge is-neutral">Protocolo: {{ $protocolLabel }}</span>

                        @if ($approvalLabel)
                            <span class="sl-document-details__badge {{ $approvalTone }}">{{ $approvalLabel }}</span>
                        @endif
                    </div>

                    <a href="{{ route('site.documents.pdf', ['id' => $document->id]) }}" target="_blank" class="sl-materials-button is-primary">
                        <span>Abrir documento</span>
                    </a>
                </div>
            </div>

            <div class="sl-document-details__metrics">
                <article class="sl-document-metric">
                    <span>Tipo</span>
                    <strong>{{ $documentTitle }}</strong>
                </article>
                <article class="sl-document-metric">
                    <span>Número</span>
                    <strong>{{ $documentNumber }}</strong>
                </article>
                <article class="sl-document-metric">
                    <span>Última movimentação</span>
                    <strong>{{ $updatedLabel }}</strong>
                </article>
                <article class="sl-document-metric">
                    <span>Responsável</span>
                    <strong>{{ $primaryAuthor }}</strong>
                </article>
            </div>

            <div class="{{ $primaryGridClass }}">
                @component('site.components.panel', ['title' => 'Resumo do documento', 'className' => 'sl-document-card'])
                    <div class="sl-document-card__content">
                        <div class="sl-document-card__section">
                            <span class="sl-document-card__label">Ementa</span>
                            @if ($summaryCardIsLong)
                                <details class="sl-document-card__details">
                                    <summary class="sl-document-card__details-summary">
                                        <span>{{ $summaryCardPreview }}</span>
                                        <span class="sl-document-card__details-toggle">
                                            <span class="is-collapsed">Ver mais</span>
                                            <span class="is-expanded">Ver menos</span>
                                        </span>
                                    </summary>

                                    <div class="sl-document-card__details-content">
                                        {!! nl2br(e($summaryText)) !!}
                                    </div>
                                </details>
                            @else
                                <p>{!! nl2br(e($summaryText)) !!}</p>
                            @endif
                        </div>

                        <div class="sl-document-card__section">
                            <span class="sl-document-card__label">Destinatário final</span>
                            @if ($destinationNames->isNotEmpty())
                                <div class="sl-document-details__chips">
                                    @foreach ($destinationNames as $destinationName)
                                        <span class="sl-document-details__chip">{{ $destinationName }}</span>
                                    @endforeach
                                </div>
                            @else
                                <p class="sl-document-card__empty">Nenhum destinatário final informado.</p>
                            @endif
                        </div>

                        <div class="sl-document-card__section">
                            <span class="sl-document-card__label">Caixas vinculadas</span>
                            @if ($document->boxes->isNotEmpty())
                                <div class="sl-document-details__chips">
                                    @foreach ($document->boxes as $box)
                                        <span class="sl-document-details__chip is-soft">{{ $box->description ?? ('Caixa #' . $box->id) }}</span>
                                    @endforeach
                                </div>
                            @else
                                <p class="sl-document-card__empty">Documento sem caixa vinculada.</p>
                            @endif
                        </div>
                    </div>
                @endcomponent

                @if ($hasAttachments)
                    @component('site.components.panel', ['title' => 'Arquivos e anexos', 'className' => 'sl-document-card'])
                        <div class="sl-document-files">
                            @foreach ($attachments as $attachment)
                                <article class="sl-document-file">
                                    <div class="sl-document-file__icon {{ $attachment['kind'] === 'primary' ? 'is-primary' : '' }}">
                                        <svg viewBox="0 0 24 24" aria-hidden="true">
                                            <path d="M8 3.75h6.4l4.85 4.85V20.25A1.75 1.75 0 0 1 17.5 22h-11A1.75 1.75 0 0 1 4.75 20.25v-14.75A1.75 1.75 0 0 1 6.5 3.75H8Z" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.7" />
                                            <path d="M14.25 3.75v4.5h4.5" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.7" />
                                        </svg>
                                    </div>

                                    <div class="sl-document-file__body">
                                        <strong>{{ $attachment['title'] }}</strong>
                                        <p>{{ $attachment['subtitle'] }}</p>
                                        <span>{{ $attachment['date'] }}</span>
                                    </div>

                                    <a href="{{ $attachment['href'] }}" target="{{ $attachment['target'] }}" class="sl-inline-action">
                                        <span>{{ $attachment['download_label'] }}</span>
                                    </a>
                                </article>
                            @endforeach
                        </div>
                    @endcomponent
                @endif
            </div>

            @if ($secondaryGridClass)
                <div class="{{ $secondaryGridClass }}">
                    @if ($hasProcessing)
                        @component('site.components.panel', ['title' => 'Tramitação', 'className' => 'sl-document-card'])
                        <div class="sl-document-timeline">
                            @foreach ($processingItems as $processingItem)
                                <article class="sl-document-timeline__item">
                                    <div class="sl-document-timeline__marker"></div>

                                    <div class="sl-document-timeline__body">
                                        <div class="sl-document-timeline__topline">
                                            <strong>{{ $processingItem['status'] }}</strong>
                                            <span>{{ $processingItem['date'] ?: '-' }}</span>
                                        </div>

                                        @if (!empty($processingItem['destination_path']))
                                            <p>{{ $processingItem['destination_path']->implode(' -> ') }}</p>
                                        @endif

                                        @if ($processingItem['description'])
                                            <small>{{ $processingItem['description'] }}</small>
                                        @endif

                                        @if ($processingItem['observation'])
                                            <div class="sl-document-timeline__note">
                                                @if ($processingItem['observation_is_long'])
                                                    <details class="sl-document-card__details">
                                                        <summary class="sl-document-card__details-summary">
                                                            <span>{{ $processingItem['observation_preview'] }}</span>
                                                            <span class="sl-document-card__details-toggle">
                                                                <span class="is-collapsed">Ver mais</span>
                                                                <span class="is-expanded">Ver menos</span>
                                                            </span>
                                                        </summary>

                                                        <div class="sl-document-card__details-content">
                                                            {!! nl2br(e($processingItem['observation'])) !!}
                                                        </div>
                                                    </details>
                                                @else
                                                    {!! nl2br(e($processingItem['observation'])) !!}
                                                @endif
                                            </div>
                                        @endif
                                    </div>
                                </article>
                            @endforeach
                        </div>
                        @endcomponent
                    @endif

                    @if ($hasMeetings)
                        @component('site.components.panel', ['title' => 'Sessões relacionadas', 'className' => 'sl-document-card'])
                        <div class="sl-document-meetings">
                            @foreach ($meetingItems as $meetingItem)
                                <article class="sl-document-meeting">
                                    <div class="sl-document-meeting__content">
                                        <strong>{{ $meetingItem['title'] }}</strong>
                                        @if ($meetingItem['subtitle_is_long'])
                                            <details class="sl-document-card__details is-compact">
                                                <summary class="sl-document-card__details-summary">
                                                    <span>{{ $meetingItem['subtitle_preview'] }}</span>
                                                    <span class="sl-document-card__details-toggle">
                                                        <span class="is-collapsed">Ver mais</span>
                                                        <span class="is-expanded">Ver menos</span>
                                                    </span>
                                                </summary>

                                                <div class="sl-document-card__details-content">
                                                    {!! nl2br(e($meetingItem['subtitle'])) !!}
                                                </div>
                                            </details>
                                        @else
                                            <p>{{ $meetingItem['subtitle'] }}</p>
                                        @endif
                                        <span class="sl-document-meeting__date">{{ $meetingItem['date'] }}</span>
                                    </div>

                                    <div class="sl-document-meeting__actions">
                                        <a href="{{ $meetingItem['href'] }}" target="{{ $meetingItem['href_target'] }}" class="sl-inline-action">
                                            <span>{{ $meetingItem['action_label'] }}</span>
                                        </a>

                                        @if (!empty($meetingItem['secondary_action_href']) && !empty($meetingItem['secondary_action_label']))
                                            <a href="{{ $meetingItem['secondary_action_href'] }}" target="{{ $meetingItem['secondary_action_target'] ?? '_self' }}" class="sl-inline-action">
                                                <span>{{ $meetingItem['secondary_action_label'] }}</span>
                                            </a>
                                        @endif
                                    </div>
                                </article>
                            @endforeach
                        </div>
                        @endcomponent
                    @endif
                </div>
            @endif
        </section>
    </div>
@endsection