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

@php
    $summaryText = $documentSummary ?: 'Nenhuma ementa informada para este documento.';
    $hasAttachments = $attachments->isNotEmpty();
    $hasProcessing = $processingItems->isNotEmpty();
    $hasMeetings = $meetingItems->isNotEmpty();
@endphp

@push('styles')
    <link href="{{ asset('assets/css/site-detail-clean.css') }}" rel="stylesheet">
@endpush

@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-public-detail">
                <section class="sl-public-detail-card">
                    <div class="sl-public-detail-card__body">
                        <div class="sl-public-detail-header">
                            <div class="sl-public-detail-header__copy">
                                <span class="sl-public-detail-eyebrow">Ementa</span>
                                <h1 class="sl-public-detail-title">{{ $documentHeadline }}</h1>
                                <p class="sl-public-detail-subtitle">{{ $primaryAuthor }}</p>
                            </div>

                            <div class="sl-public-detail-actions">
                                <form method="GET" action="{{ route('site.documents.export', ['id' => $document->id]) }}" class="sl-public-detail-export-form" data-no-page-loader>
                                    <select name="format" class="sl-materials-control sl-public-detail-export-form__select" aria-label="Formato de exportação do documento">
                                        <option value="pdf">PDF</option>
                                        <option value="doc">DOC</option>
                                        <option value="docx">DOCX</option>
                                    </select>

                                    <button type="submit" class="sl-materials-button is-light">
                                        <span>Exportar</span>
                                    </button>
                                </form>

                                <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-public-detail-ementa">
                            {!! nl2br(e($summaryText)) !!}
                        </div>

                        <div class="sl-public-detail-meta">
                            <div class="sl-public-detail-meta__item">
                                <span>Documento</span>
                                <strong>{{ $documentTitle }} {{ $documentNumber }}</strong>
                            </div>
                            <div class="sl-public-detail-meta__item">
                                <span>Data de publicação</span>
                                <strong>{{ $document->date ?? '-' }}</strong>
                            </div>
                            <div class="sl-public-detail-meta__item">
                                <span>Protocolo</span>
                                <strong>{{ $protocolLabel }}</strong>
                            </div>
                            <div class="sl-public-detail-meta__item">
                                <span>Status</span>
                                <strong>{{ $approvalLabel ?: 'Não informado' }}</strong>
                            </div>
                            <div class="sl-public-detail-meta__item">
                                <span>Última movimentação</span>
                                <strong>{{ $updatedLabel }}</strong>
                            </div>
                        </div>
                    </div>
                </section>

                <div class="sl-public-accordion">
                    <details class="sl-public-accordion__item">
                        <summary class="sl-public-accordion__summary">Resumo</summary>
                        <div class="sl-public-accordion__body">
                            <div class="sl-document-card__content">
                                <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-public-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-public-empty">Documento sem caixa vinculada.</p>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </details>

                    <details class="sl-public-accordion__item">
                        <summary class="sl-public-accordion__summary">Arquivos e anexos</summary>
                        <div class="sl-public-accordion__body">
                            @if ($hasAttachments)
                        <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>
                            @else
                                <p class="sl-public-empty">Nenhum arquivo anexado.</p>
                            @endif
                        </div>
                    </details>

                    <details class="sl-public-accordion__item">
                        <summary class="sl-public-accordion__summary">Tramitação</summary>
                        <div class="sl-public-accordion__body">
                            @if ($hasProcessing)
                                <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

                                                @php
                                                    $processingMeta = array_filter([
                                                        !empty($processingItem['recipient_user']) ? 'Responsável: ' . $processingItem['recipient_user'] : null,
                                                        !empty($processingItem['recipient_sector']) ? 'Setor: ' . $processingItem['recipient_sector'] : null,
                                                        !empty($processingItem['deadline']) ? 'Prazo: ' . $processingItem['deadline'] : null,
                                                        !empty($processingItem['deadline_at']) ? 'Vencimento: ' . $processingItem['deadline_at'] : null,
                                                    ]);
                                                @endphp

                                                @if (!empty($processingMeta))
                                                    <div class="sl-law-details__processing-meta">
                                                        @foreach ($processingMeta as $processingMetaItem)
                                                            <span>{{ $processingMetaItem }}</span>
                                                        @endforeach
                                                    </div>
                                                @endif

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

                                                @if (!empty($processingItem['file_href']) || !empty($processingItem['response_document_href']))
                                                    <div class="sl-document-files is-compact">
                                                        @if (!empty($processingItem['file_href']))
                                                            <article class="sl-document-file">
                                                                <div class="sl-document-file__body">
                                                                    <strong>{{ $processingItem['file_label'] }}</strong>
                                                                    <p>Arquivo anexado na tramitação</p>
                                                                </div>

                                                                <a href="{{ $processingItem['file_href'] }}" target="_blank" class="sl-inline-action">
                                                                    <span>Baixar anexo</span>
                                                                </a>
                                                            </article>
                                                        @endif

                                                        @if (!empty($processingItem['response_document_href']))
                                                            <article class="sl-document-file">
                                                                <div class="sl-document-file__body">
                                                                    <strong>{{ $processingItem['response_document_label'] }}</strong>
                                                                    <p>Documento vinculado como resposta</p>
                                                                </div>

                                                                <a href="{{ $processingItem['response_document_href'] }}" target="_blank" class="sl-inline-action">
                                                                    <span>Abrir documento</span>
                                                                </a>
                                                            </article>

                                                            @foreach ($processingItem['response_document_attachments'] as $responseAttachment)
                                                                <article class="sl-document-file">
                                                                    <div class="sl-document-file__body">
                                                                        <strong>{{ $responseAttachment['title'] }}</strong>
                                                                        <p>Anexo do documento de resposta</p>
                                                                    </div>

                                                                    <a href="{{ $responseAttachment['href'] }}" target="_blank" class="sl-inline-action">
                                                                        <span>Abrir anexo</span>
                                                                    </a>
                                                                </article>
                                                            @endforeach
                                                        @endif
                                                    </div>
                                                @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>
                            @else
                                <p class="sl-public-empty">Nenhuma tramitação encontrada.</p>
                            @endif
                        </div>
                    </details>

                    <details class="sl-public-accordion__item">
                        <summary class="sl-public-accordion__summary">Sessões relacionadas</summary>
                        <div class="sl-public-accordion__body">
                            @if ($hasMeetings)
                        <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>
                            @else
                                <p class="sl-public-empty">Nenhuma sessão relacionada.</p>
                            @endif
                        </div>
                    </details>
                </div>
            </div>
        </section>
    </div>
@endsection