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

@php
    $backToPropositionsUrl = route('site.propositions', ['id' => $meeting->id, 'front_layout' => 'new']);
    $summaryUrl = route('site.propositions.summary', ['meetingId' => $meeting->id, 'documentId' => $document->id, 'front_layout' => 'new']);
    $documentUrl = route('DocumentDetailsFront', ['id' => $document->id, 'documents' => 'true', 'front_layout' => 'new']);
    $meetingDate = (string) ($meeting->date_start ?? '');
    $meetingDateParts = preg_split('/\s+/', trim($meetingDate));
    $meetingYear = '';

    if (!empty($meetingDateParts[0])) {
        $meetingDateBits = explode('/', $meetingDateParts[0]);
        $meetingYear = $meetingDateBits[2] ?? '';
    }

    $meetingLabel = 'SESSÃO - ' . ($meeting->number ?: '-') . ($meetingYear ? '/' . $meetingYear : '');
    $summaryDescription = $voting
        ? trim(($resumeDescription ?? '') ?: 'Veja o gráfico da votação e o resumo dos votos por parlamentares.')
        : 'Esta proposição ainda não possui votação registrada para esta sessão.';
    $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' => 'Voltar para todas as sessões', 'href' => $backToPropositionsUrl, 'active' => false])
                @include('site.components.materials-tab', ['label' => 'Resumo', 'href' => $summaryUrl, 'active' => true])
            </div>

            <div class="sl-proposition-summary__hero">
                <div>
                    <p class="sl-proposition-summary__eyebrow">{{ $meetingLabel }}</p>
                    <h1>Resumo</h1>
                    @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'] }}">
                    {{ $summary['status'] }}
                </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 votação eletrônica</h2>
                            </div>

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

                                @if ($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 a proposição tiver uma votação vinculada a esta sessão, o resumo aparecerá aqui.</p>

                    <div class="sl-proposition-summary__actions">
                        <a href="{{ $documentUrl }}" class="sl-materials-button is-primary">
                            <span>Abrir documento</span>
                        </a>
                    </div>
                </article>
            @endif
        </section>
    </div>
@endsection