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

@php
    $meetingHeadline = trim((string) optional($meeting->commission)->name) ?: $meeting->public_session_type_label;
    $meetingHeadlineDisplay = \Illuminate\Support\Str::title(mb_strtolower($meetingHeadline));
    $meetingSubtitle = trim((string) $meeting->public_session_type_label . ' ' . ($meeting->number ? 'nº ' . $meeting->number : ''));
    $meetingDateLabel = $meeting->date_start ?: '-';
    $meetingPlaceLabel = trim((string) optional($meeting->session_place)->name) ?: 'Local não informado';
    $meetingBackUrl = route('site.commissions', ['front_layout' => 'new', 'tab' => 'reunioes']);
    $meetingAtaUrl = route('site.meetings.ata.pdf', ['id' => $meeting->id]);
    $meetingPautaUrl = route('site.meetings.pauta.pdf', ['id' => $meeting->id]);
    $meetingVideosUrl = $meetingVideos->isNotEmpty() ? route('site.meetings.videos', ['id' => $meeting->id, 'front_layout' => 'new']) : null;
    $meetingFilesCount = $meetingFiles->count();
    $meetingParticipantsCount = $meetingParticipants->count();
    $meetingAgendaCount = $meetingAgendaItems->count();
@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-meeting-details">
            <div class="sl-materials-tabs">
                @include('site.components.materials-tab', [
                    'label' => 'Voltar para reuniões',
                    'href' => $meetingBackUrl,
                    'active' => false,
                ])
                @include('site.components.materials-tab', [
                    'label' => 'Detalhes da reunião',
                    '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">Reunião pública</span>
                                <h1 class="sl-public-detail-title" style="font-size: clamp(1.35rem, 2vw, 1.9rem); line-height: 1.08; font-weight: 600;">{{ $meetingHeadlineDisplay }}</h1>
                                <p class="sl-public-detail-subtitle">{{ $meetingSubtitle }}</p>
                            </div>

                            <div class="sl-public-detail-actions">
                                <a href="{{ $meetingAtaUrl }}" target="_blank" class="sl-materials-button is-light">
                                    <span>Abrir ata</span>
                                </a>

                                <a href="{{ $meetingPautaUrl }}" target="_blank" class="sl-materials-button is-light">
                                    <span>Abrir pauta</span>
                                </a>

                                @if ($meetingVideosUrl)
                                    <a href="{{ $meetingVideosUrl }}" class="sl-materials-button is-light">
                                        <span>Vídeos</span>
                                    </a>
                                @endif
                            </div>
                        </div>

                        <div class="sl-public-detail-meta">
                            <div class="sl-public-detail-meta__item">
                                <span>Reunião</span>
                                <strong>{{ $meetingSubtitle }}</strong>
                            </div>
                            <div class="sl-public-detail-meta__item">
                                <span>Data</span>
                                <strong>{{ $meetingDateLabel }}</strong>
                            </div>
                            <div class="sl-public-detail-meta__item">
                                <span>Local</span>
                                <strong>{{ $meetingPlaceLabel }}</strong>
                            </div>
                            <div class="sl-public-detail-meta__item">
                                <span>Comissão</span>
                                <strong>{{ trim((string) optional($meeting->commission)->name) ?: 'Não informada' }}</strong>
                            </div>
                        </div>
                    </div>
                </section>

                <div class="sl-public-accordion">
                    <details class="sl-public-accordion__item" open>
                        <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">Visão geral</span>
                                    <p>{{ $meetingSummary['preview'] ?: 'Nenhuma descrição resumida disponível.' }}</p>
                                </div>

                                <div class="sl-document-card__section">
                                    <span class="sl-document-card__label">Indicadores rápidos</span>
                                    <div class="sl-document-details__chips">
                                        <span class="sl-document-details__chip is-soft">{{ $meetingParticipantsCount }} parlamentares</span>
                                        <span class="sl-document-details__chip is-soft">{{ $meetingFilesCount }} arquivos</span>
                                        <span class="sl-document-details__chip is-soft">{{ $meetingAgendaCount }} itens de pauta</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </details>

                    <details class="sl-public-accordion__item">
                        <summary class="sl-public-accordion__summary">Parlamentares participantes</summary>
                        <div class="sl-public-accordion__body">
                            @if ($meetingParticipants->isNotEmpty())
                                <div class="sl-document-meetings">
                                    @foreach ($meetingParticipants as $participant)
                                        <article class="sl-document-meeting">
                                            <div class="sl-document-meeting__content">
                                                <strong>{{ $participant['name'] }}</strong>
                                                <p>{{ $participant['role'] }}</p>
                                                @if (!empty($participant['party']))
                                                    <span>{{ $participant['party'] }}</span>
                                                @endif
                                            </div>
                                        </article>
                                    @endforeach
                                </div>
                            @else
                                <p class="sl-public-empty">Nenhum parlamentar público vinculado a esta reunião.</p>
                            @endif
                        </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 ($meetingFiles->isNotEmpty())
                                <div class="sl-document-files">
                                    @foreach ($meetingFiles as $file)
                                        @php
                                            $fileExtension = strtoupper(pathinfo((string) $file->filename, PATHINFO_EXTENSION) ?: 'PDF');
                                        @endphp

                                        <article class="sl-document-file">
                                            <div class="sl-document-file__icon">
                                                <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>{{ \Illuminate\Support\Str::limit($file->filename, 70, '...') }}</strong>
                                                <p>Anexo da reunião</p>
                                                <span>Formato {{ $fileExtension }}</span>
                                            </div>

                                            <a href="{{ route('site.meetings.files.download', ['filename' => $file->filename]) }}" target="_blank" rel="noreferrer" class="sl-inline-action">
                                                <span>Baixar arquivo</span>
                                            </a>
                                        </article>
                                    @endforeach
                                </div>
                            @else
                                <p class="sl-public-empty">Nenhum arquivo anexado nesta reunião.</p>
                            @endif
                        </div>
                    </details>

                    <details class="sl-public-accordion__item">
                        <summary class="sl-public-accordion__summary">Pauta da reunião</summary>
                        <div class="sl-public-accordion__body">
                            @if ($meetingAgendaItems->isNotEmpty())
                                <div class="sl-document-timeline">
                                    @foreach ($meetingAgendaItems as $agendaItem)
                                        <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>{{ $agendaItem['title'] }}</strong>
                                                    <span>{{ $agendaItem['status_label'] }}</span>
                                                </div>

                                                <div class="sl-document-details__chips">
                                                    <span class="sl-document-details__chip is-soft">{{ $agendaItem['badge'] }}</span>
                                                </div>

                                                @if ($agendaItem['description_is_long'])
                                                    <details class="sl-document-card__details">
                                                        <summary class="sl-document-card__details-summary">
                                                            <span>{{ $agendaItem['description_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($agendaItem['description'])) !!}
                                                        </div>
                                                    </details>
                                                @else
                                                    <p>{{ $agendaItem['description'] }}</p>
                                                @endif

                                                @if (!empty($agendaItem['observation']))
                                                    <div class="sl-document-timeline__note">
                                                        @if ($agendaItem['observation_is_long'])
                                                            <details class="sl-document-card__details">
                                                                <summary class="sl-document-card__details-summary">
                                                                    <span>{{ $agendaItem['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($agendaItem['observation'])) !!}
                                                                </div>
                                                            </details>
                                                        @else
                                                            {!! nl2br(e($agendaItem['observation'])) !!}
                                                        @endif
                                                    </div>
                                                @endif

                                                @if (!empty($agendaItem['href']))
                                                    <div style="margin-top: 14px;">
                                                        <a href="{{ $agendaItem['href'] }}" target="{{ $agendaItem['href_target'] }}" class="sl-inline-action">
                                                            <span>Abrir vínculo</span>
                                                        </a>
                                                    </div>
                                                @endif
                                            </div>
                                        </article>
                                    @endforeach
                                </div>
                            @else
                                <p class="sl-public-empty">Nenhum item de pauta encontrado.</p>
                            @endif
                        </div>
                    </details>

                    <details class="sl-public-accordion__item">
                        <summary class="sl-public-accordion__summary">Vídeos da reunião</summary>
                        <div class="sl-public-accordion__body">
                            @if ($meetingVideos->isNotEmpty())
                                @if ($mainVideos->isNotEmpty())
                                    <div class="sl-meeting-videos__section">
                                        <h2>Vídeo principal</h2>

                                        <div class="sl-meeting-videos__grid is-main">
                                            @foreach ($mainVideos as $video)
                                                @include('site.components.meeting-video-card', [
                                                    'video' => $video,
                                                    'title' => 'Vídeo da reunião',
                                                    'subtitle' => 'Registro vinculado à reunião',
                                                ])
                                            @endforeach
                                        </div>
                                    </div>
                                @endif

                                @if ($assemblymanVideos->isNotEmpty())
                                    <div class="sl-meeting-videos__section">
                                        <h2>Vídeos por parlamentar</h2>

                                        <div class="sl-meeting-videos__grid">
                                            @foreach ($assemblymanVideos as $video)
                                                @include('site.components.meeting-video-card', [
                                                    'video' => $video,
                                                    'title' => $video->assemblyman->short_name ?? $video->assemblyman->full_name ?? 'Parlamentar não informado',
                                                    'subtitle' => 'Registro individual do parlamentar',
                                                ])
                                            @endforeach
                                        </div>
                                    </div>
                                @endif
                            @else
                                <p class="sl-public-empty">Nenhum vídeo disponível para esta reunião.</p>
                            @endif
                        </div>
                    </details>
                </div>
            </div>
        </section>
    </div>
@endsection