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

@php
    $lawSummaryText = $summaryText ?: 'Nenhuma ementa informada para este projeto.';
    $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-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-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">{{ $lawHeadline }}</h1>
                                <p class="sl-public-detail-subtitle">{{ $primaryAuthor }}</p>
                            </div>

                            <div class="sl-public-detail-actions">
                                <form method="GET" action="{{ route('site.laws.export', ['id' => $lawsProject->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 projeto">
                                        <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.laws.pdf', ['id' => $lawsProject->id]) }}" target="_blank" class="sl-materials-button is-primary">
                                    <span>Abrir projeto</span>
                                </a>
                            </div>
                        </div>

                        <div class="sl-public-detail-ementa">
                            {!! nl2br(e($lawSummaryText)) !!}
                        </div>

                        <div class="sl-public-detail-meta">
                            <div class="sl-public-detail-meta__item">
                                <span>Projeto</span>
                                <strong>{{ $lawTitle }} {{ $lawNumber }}</strong>
                            </div>
                            <div class="sl-public-detail-meta__item">
                                <span>Data de publicação</span>
                                <strong>{{ $lawsProject->law_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">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>
                        </div>
                    </details>

                    <details class="sl-public-accordion__item">
                        <summary class="sl-public-accordion__summary">Arquivos e referências</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 ou referência encontrado.</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

                                        <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>
                            @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>
                                        <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>
                            @else
                                <p class="sl-public-empty">Nenhuma sessão relacionada.</p>
                            @endif
                        </div>
                    </details>
                </div>
            </div>
        </section>
    </div>
@endsection