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

@php
    $lawSummaryText = $summaryText ?: 'Nenhuma ementa informada para este projeto.';
    $lawSummaryPreviewCard = \Illuminate\Support\Str::limit($lawSummaryText, 900, '...');
    $lawSummaryIsLongCard = \Illuminate\Support\Str::length($lawSummaryText) > 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-law-details">
            <div class="sl-materials-tabs">
                @include('site.components.materials-tab', [
                    'label' => 'Voltar para projetos',
                    'href' => $backUrl,
                    'active' => false,
                ])
                @include('site.components.materials-tab', [
                    'label' => 'Detalhes do projeto',
                    'href' => request()->fullUrl(),
                    'active' => true,
                ])
            </div>

            <div class="sl-document-details__hero sl-law-details__hero">
                <div class="sl-document-details__hero-copy">
                    <p class="sl-document-details__eyebrow">{{ $lawTitle }}</p>
                    <h1>{{ $lawHeadline }}</h1>
                    <p class="sl-document-details__lede">
                        {{ $lawsProject->law_date ?? '-' }}
                        <span aria-hidden="true">•</span>
                        {{ $primaryAuthor }}
                    </p>

                    @if ($hasLongSummary)
                        <details class="sl-document-details__summary">
                            <summary>
                                <span>{{ $summaryPreview }}</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($lawSummaryText)) !!}
                            </div>
                        </details>
                    @else
                        <div class="sl-document-details__summary-static">
                            {!! nl2br(e($lawSummaryText)) !!}
                        </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>
                        <span class="sl-document-details__badge is-neutral">Parecer: {{ $legalOpinionLabel }}</span>

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

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

            <div class="sl-document-details__metrics">
                <article class="sl-document-metric">
                    <span>Tipo</span>
                    <strong>{{ $lawTitle }}</strong>
                </article>
                <article class="sl-document-metric">
                    <span>Número</span>
                    <strong>{{ $lawNumber }}</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 projeto', '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 ($lawSummaryIsLongCard)
                                <details class="sl-document-card__details">
                                    <summary class="sl-document-card__details-summary">
                                        <span>{{ $lawSummaryPreviewCard }}</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($lawSummaryText)) !!}
                                    </div>
                                </details>
                            @else
                                <p>{!! nl2br(e($lawSummaryText)) !!}</p>
                            @endif
                        </div>

                        <div class="sl-document-card__section">
                            <span class="sl-document-card__label">Parecer atual</span>
                            <p>{{ $legalOpinionLabel }}</p>
                        </div>

                        @if ($mandatoryAmendment)
                            <div class="sl-document-card__section">
                                <span class="sl-document-card__label">Emenda impositiva</span>
                                <div class="sl-law-details__amendment">
                                    <div>
                                        <strong>Projeto</strong>
                                        <span>{{ $mandatoryAmendment->projectLaw->law_number ?? '_' }} / {{ $mandatoryAmendment->projectLaw->law_date ?? '—' }}</span>
                                    </div>
                                    <div>
                                        <strong>Autor</strong>
                                        <span>{{ $mandatoryAmendment->assemblyman_name }}</span>
                                    </div>
                                    <div>
                                        <strong>Valor</strong>
                                        <span>R$ {{ number_format($mandatoryAmendment->valor ?? 0, 2, ',', '.') }}</span>
                                    </div>
                                    <div>
                                        <strong>Área</strong>
                                        <span>{{ $mandatoryAmendment->area ?? '—' }}</span>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>
                @endcomponent

                @if ($hasAttachments)
                    @component('site.components.panel', ['title' => 'Arquivos e referências', '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

                                        <div class="sl-law-details__processing-meta">
                                            <span>Prazo: {{ $processingItem['deadline'] ?: 'Não definido' }}</span>
                                            <span>Licitação: {{ $processingItem['number_bids'] ?: '—' }}</span>
                                            <span>Contrato: {{ $processingItem['number_contract'] ?: '—' }}</span>
                                        </div>

                                        @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>
                                        <strong>{{ $meetingItem['title'] }}</strong>
                                        <p>{{ $meetingItem['subtitle'] }}</p>
                                        <span>{{ $meetingItem['date'] }}</span>
                                    </div>

                                    @if ($meetingItem['href'])
                                        <a href="{{ $meetingItem['href'] }}" target="{{ $meetingItem['href_target'] }}" class="sl-inline-action">
                                            <span>{{ $meetingItem['action_label'] }}</span>
                                        </a>
                                    @else
                                        <span class="sl-law-details__session-pill">Sem resumo</span>
                                    @endif
                                </article>
                            @endforeach
                        </div>
                        @endcomponent
                    @endif
                </div>
            @endif
        </section>
    </div>
@endsection