{{-- Voting Results Card --}}
<div class="card mt-4" id="votingResultsCard">
    <div class="card-header bg-success text-white">
        <h5 class="card-title mb-0">
            <i class="fas fa-chart-bar me-2"></i>{{ __('labels.voting_results') }}
        </h5>
    </div>
    <div class="card-body">
        <div id="resultsContainer">
            <div class="text-center">
                @if(isset($votingResults['userVote']))
                    <div class="mb-3">
                        <i class="fas fa-check-circle fa-3x text-success"></i>
                    </div>
                    <h5 class="text-success">{{ __('labels.thank_you_for_voting') }}</h5>
                    <p class="lead">
                        {{ __('labels.you_voted_for') }}:
                        <strong class="text-primary">{{ $votingResults['userVote']->vote_option->label ?? '' }}</strong>
                    </p>
                    <hr>
                @endif
                <h6 class="mt-4">{{ __('labels.current_results') }}</h6>
                @if(isset($votingResults['voteOptions']))
                    @foreach($votingResults['voteOptions'] as $option)
                        @php
                            $isUserChoice = isset($votingResults['userVote']) && ($votingResults['userVote']->voteOption->id ?? 0) == $option['id'];
                        @endphp
                        <div class="result-item mb-2">
                            <div class="d-flex justify-content-between mb-1">
                                <span>
                                    {{ $option['label'] }}
                                    @if($isUserChoice)
                                        <span class="badge bg-success ms-2">
                                            <i class="fas fa-check me-1"></i>{{ __('labels.your_vote') }}
                                        </span>
                                    @endif
                                </span>
                                <span>{{ number_format($option['percentage'], 1) }}% ({{ $option['votes_count'] }})</span>
                            </div>
                            <div class="progress" style="height: 10px;">
                                <div class="progress-bar {{ $isUserChoice ? 'bg-success' : 'bg-primary' }}"
                                    style="width: {{ $option['percentage'] }}%"></div>
                            </div>
                        </div>
                    @endforeach
                @endif

                @if(isset($votingResults['totalVotes']))
                    <div class="mt-3 text-muted">
                        <small>
                            <i class="fas fa-users me-1"></i>
                            {{ __('labels.total_votes') }}: {{ $votingResults['totalVotes'] }}
                        </small>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>