@php
    $context = $showContext ?? [];
    $questions = $context['questions'] ?? collect();
    $results = $context['results'] ?? collect();
    $neighborhoods = $context['neighborhoods'] ?? collect();
    $documents = $context['documents'] ?? collect();
    $lawProjects = $context['lawProjects'] ?? collect();
@endphp

<div class="the-box rounded">
    <div class="row">
        <div class="col-md-8">
            <h4 style="margin-top: 0;">{{ $citizenVoicePoll->title }}</h4>
            <p class="text-muted" style="margin-bottom: 0;">
                {{ $citizenVoicePoll->survey_title }}
            </p>
        </div>
        <div class="col-md-4 text-right">
            <a href="{!! route('citizenVoicePolls.edit', [$citizenVoicePoll->id]) !!}" class="btn btn-primary">
                <i class="fa fa-edit"></i> Editar enquete
            </a>
            <a href="{!! route('citizenVoicePolls.index') !!}" class="btn btn-default">Voltar</a>
        </div>
    </div>

    <hr class="hr">

    <div class="row">
        <div class="col-md-3 col-sm-6">
            <div class="well well-sm">
                <strong>Status</strong>
                <div style="margin-top: 8px;">
                    @if ($citizenVoicePoll->is_active)
                        <span class="label label-success">Ativa</span>
                    @else
                        <span class="label label-default">Inativa</span>
                    @endif
                </div>
            </div>
        </div>
        <div class="col-md-3 col-sm-6">
            <div class="well well-sm">
                <strong>Publicação</strong>
                <div style="margin-top: 8px;">{{ optional($citizenVoicePoll->published_at)->format('d/m/Y H:i') ?: '-' }}</div>
            </div>
        </div>
        <div class="col-md-2 col-sm-6">
            <div class="well well-sm">
                <strong>Ordem</strong>
                <div style="margin-top: 8px;">{{ $citizenVoicePoll->sort_order ?? 0 }}</div>
            </div>
        </div>
        <div class="col-md-2 col-sm-6">
            <div class="well well-sm">
                <strong>Perguntas</strong>
                <div style="margin-top: 8px;">{{ $questions->count() }}</div>
            </div>
        </div>
        <div class="col-md-2 col-sm-6">
            <div class="well well-sm">
                <strong>Resultados</strong>
                <div style="margin-top: 8px;">{{ $results->count() }}</div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="panel panel-default">
                <div class="panel-heading"><strong>Dados gerais</strong></div>
                <div class="panel-body">
                    <dl class="dl-horizontal" style="margin-bottom: 0;">
                        <dt>ID</dt>
                        <dd>{{ $citizenVoicePoll->id }}</dd>

                        <dt>Código</dt>
                        <dd>{{ $citizenVoicePoll->code ?: '-' }}</dd>

                        <dt>Categoria</dt>
                        <dd>{{ $citizenVoicePoll->category_name ?: '-' }}</dd>

                        <dt>Ícone</dt>
                        <dd>{{ $citizenVoicePoll->category_icon ?: '-' }} @if(!empty($context['iconLabel']) && $context['iconLabel'] !== '-')<span class="text-muted">({{ $context['iconLabel'] }})</span>@endif</dd>

                        <dt>Estilo</dt>
                        <dd>{{ $context['accentLabel'] ?? ($citizenVoicePoll->accent ?: '-') }}</dd>
                    </dl>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="panel panel-default">
                <div class="panel-heading"><strong>Conteúdo público</strong></div>
                <div class="panel-body">
                    <p><strong>Pergunta principal</strong></p>
                    <p>{{ $citizenVoicePoll->survey_question }}</p>

                    <p><strong>Descrição do card</strong></p>
                    <p class="text-muted">{!! nl2br(e($citizenVoicePoll->description ?: 'Sem descrição cadastrada.')) !!}</p>

                    <p><strong>Descrição da enquete</strong></p>
                    <p class="text-muted" style="margin-bottom: 0;">{!! nl2br(e($citizenVoicePoll->survey_description ?: 'Sem descrição cadastrada.')) !!}</p>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4">
            <div class="panel panel-default">
                <div class="panel-heading"><strong>Perguntas da enquete</strong></div>
                <div class="panel-body">
                    @if ($questions->isEmpty())
                        <p class="text-muted" style="margin-bottom: 0;">Nenhuma pergunta cadastrada.</p>
                    @else
                        <ol style="padding-left: 18px; margin-bottom: 0;">
                            @foreach ($questions as $question)
                                <li style="margin-bottom: 10px;">{{ $question }}</li>
                            @endforeach
                        </ol>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="panel panel-default">
                <div class="panel-heading"><strong>Resultados resumidos</strong></div>
                <div class="panel-body">
                    @if ($results->isEmpty())
                        <p class="text-muted" style="margin-bottom: 0;">Nenhum resultado configurado.</p>
                    @else
                        <div class="list-group" style="margin-bottom: 0;">
                            @foreach ($results as $result)
                                <div class="list-group-item">
                                    <div class="clearfix">
                                        <strong class="pull-left">{{ $result['label'] }}</strong>
                                        <span class="label label-primary pull-right">{{ $result['display_value'] }}</span>
                                    </div>
                                    <small class="text-muted">Valor base: {{ $result['value'] }}</small>
                                </div>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="panel panel-default">
                <div class="panel-heading"><strong>Bairros e votos</strong></div>
                <div class="panel-body">
                    @if ($neighborhoods->isEmpty())
                        <p class="text-muted" style="margin-bottom: 0;">Nenhum bairro configurado.</p>
                    @else
                        <div class="list-group" style="margin-bottom: 0;">
                            @foreach ($neighborhoods as $neighborhood)
                                <div class="list-group-item">
                                    <div class="clearfix">
                                        <strong class="pull-left">{{ $neighborhood['name'] }}</strong>
                                        <span class="badge">{{ $neighborhood['votes'] }}</span>
                                    </div>
                                    <small class="text-muted">Accent: {{ $neighborhood['accent'] }}</small>
                                </div>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="panel panel-default">
                <div class="panel-heading"><strong>Documentos públicos de apoio</strong></div>
                <div class="panel-body">
                    @if ($documents->isEmpty())
                        <p class="text-muted" style="margin-bottom: 0;">Nenhum documento vinculado.</p>
                    @else
                        <ul class="list-unstyled" style="margin-bottom: 0;">
                            @foreach ($documents as $document)
                                <li style="margin-bottom: 8px;">
                                    <span class="label label-default">#{{ $document['id'] }}</span>
                                    {{ $document['label'] }}
                                </li>
                            @endforeach
                        </ul>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="panel panel-default">
                <div class="panel-heading"><strong>Projetos públicos de apoio</strong></div>
                <div class="panel-body">
                    @if ($lawProjects->isEmpty())
                        <p class="text-muted" style="margin-bottom: 0;">Nenhum projeto vinculado.</p>
                    @else
                        <ul class="list-unstyled" style="margin-bottom: 0;">
                            @foreach ($lawProjects as $lawProject)
                                <li style="margin-bottom: 8px;">
                                    <span class="label label-default">#{{ $lawProject['id'] }}</span>
                                    {{ $lawProject['label'] }}
                                </li>
                            @endforeach
                        </ul>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>