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

@php
    $summaryUrl = request()->fullUrl();
    $summaryDescription = $voting
        ? trim((string) ($resumeDescription ?? '')) ?: 'Veja o gráfico da votação e o resumo dos votos por parlamentares.'
        : 'Esta votação ainda não está disponível para consulta pública.';
    $isLongSummary = \Illuminate\Support\Str::length($summaryDescription) > 360;
    $summaryPreview = $isLongSummary
        ? \Illuminate\Support\Str::limit($summaryDescription, 360, '...')
        : $summaryDescription;
@endphp

@section('site_content')
    <div>
        <section class="sl-materials-surface sl-proposition-summary">
            <div class="sl-materials-tabs">
                @include('site.components.materials-tab', [
                    'label' => $detailLabel ?? 'Voltar para sessões',
                    'href' => $detailUrl ?? route('site.meetings', ['front_layout' => 'new']),
                    'active' => false,
                ])
                @include('site.components.materials-tab', [
                    'label' => 'Resumo da votação',
                    'href' => $summaryUrl,
                    'active' => true,
                ])
            </div>

            <div class="sl-proposition-summary__hero">
                <div>
                    <p class="sl-proposition-summary__eyebrow">{{ $meetingLabel ?? 'SESSÃO' }}</p>
                    <h1>Resumo da votação</h1>
                    @if (!empty($ataSummaryLabel))
                        <p class="sl-proposition-summary__ata-label">{{ $ataSummaryLabel }}</p>
                    @endif
                    @if ($isLongSummary)
                        <details class="sl-proposition-summary__text-details">
                            <summary class="sl-proposition-summary__text-summary">
                                <span class="sl-proposition-summary__text-preview">{{ $summaryPreview }}</span>
                                <span class="sl-proposition-summary__text-toggle">
                                    <span class="is-collapsed">Ler resumo completo</span>
                                    <span class="is-expanded">Mostrar menos</span>
                                </span>
                            </summary>

                            <div class="sl-proposition-summary__text-full">
                                {!! nl2br(e($summaryDescription)) !!}
                            </div>
                        </details>
                    @else
                        <p class="sl-proposition-summary__text-static">{!! nl2br(e($summaryDescription)) !!}</p>
                    @endif
                </div>

                <span class="sl-proposition-summary__status {{ $summary['status_tone'] ?? 'is-pending' }}">
                    {{ $summary['status'] ?? 'Sem votação' }}
                </span>
            </div>

            @if ($voting)
                <div class="sl-proposition-summary__grid">
                    <article class="sl-proposition-summary-card">
                        <div class="sl-proposition-summary-card__header">
                            <div>
                                <h2>{{ $meetingLabel }}</h2>
                            </div>

                            <span class="sl-proposition-summary-card__pill {{ $summary['status_tone'] }}">
                                {{ $summary['status'] }}
                            </span>
                        </div>

                        <div class="sl-proposition-summary-card__chart">
                            @include('site.components.status-chart', ['items' => $chartItems])
                        </div>

                        <div class="sl-proposition-summary-card__totals">
                            <div>
                                <strong>{{ $summary['yes'] }}</strong>
                                <span>Sim</span>
                            </div>
                            <div>
                                <strong>{{ $summary['no'] }}</strong>
                                <span>Não</span>
                            </div>
                            <div>
                                <strong>{{ $summary['abstention'] }}</strong>
                                <span>Abstenção</span>
                            </div>
                            <div>
                                <strong>{{ $summary['out'] }}</strong>
                                <span>Ausente</span>
                            </div>
                        </div>
                    </article>

                    <article class="sl-proposition-summary-panel">
                        <div class="sl-proposition-summary-panel__header">
                            <div>
                                <h2>Status da votação eletrônica</h2>
                            </div>

                            <div class="sl-proposition-summary-panel__meta">
                                @if (!empty($summary['opened_at']))
                                    <span>Abertura: {{ \Carbon\Carbon::parse($summary['opened_at'])->format('d/m/Y H:i') }}</span>
                                @endif

                                @if (!empty($summary['closed_at']))
                                    <span>Fechamento: {{ \Carbon\Carbon::parse($summary['closed_at'])->format('d/m/Y H:i') }}</span>
                                @endif
                            </div>
                        </div>

                        <div class="sl-proposition-summary-votes">
                            @foreach ($voteRows as $voteRow)
                                <article class="sl-proposition-summary-vote">
                                    <div class="sl-proposition-summary-vote__identity">
                                        <div class="sl-proposition-summary-vote__avatar">
                                            @if ($voteRow['image'])
                                                <img src="{{ $voteRow['image'] }}" alt="{{ $voteRow['name'] }}">
                                            @else
                                                <span>{{ \Illuminate\Support\Str::substr($voteRow['name'], 0, 1) }}</span>
                                            @endif
                                        </div>

                                        <div class="sl-proposition-summary-vote__text">
                                            <strong>{{ $voteRow['name'] }}</strong>
                                            <span>{{ $voteRow['role'] }}</span>
                                        </div>
                                    </div>

                                    <span class="sl-proposition-summary-vote__badge {{ $voteRow['tone'] }}">
                                        {{ $voteRow['choice'] }}
                                    </span>
                                </article>
                            @endforeach
                        </div>
                    </article>
                </div>
            @else
                <article class="sl-proposition-summary-empty">
                    <h2>Nenhuma votação encontrada</h2>
                    <p>Assim que houver dados públicos disponíveis para esta votação, o resumo aparecerá aqui.</p>

                    <div class="sl-proposition-summary__actions">
                        <a href="{{ $detailUrl ?? route('site.meetings', ['front_layout' => 'new']) }}" class="sl-materials-button is-primary">
                            <span>{{ $detailActionLabel ?? 'Abrir sessão' }}</span>
                        </a>
                    </div>
                </article>
            @endif
        </section>
    </div>
@endsection