@extends('layouts.app')

@push('pageTitle')
    {{ __('labels.survey_results') }}
@endpush

@section('content')
    <div class="row">
        <div class="col-xl-12">
            <div class="row">
                @include('components.common.flush-message')

                <div class="col-xl-12 wow fadeInUp" data-wow-delay="1.5s">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">{{ __('labels.results_for', ['title' => $survey->title]) }}</h3>
                        </div>
                        <div class="card-body">
                            <p>{{ __('labels.total_votes') }}: {{ $totalVotes }}</p>

                            @foreach($optionCounts as $opt)
                                <div class="mb-3">
                                    <strong>{{ $opt['label'] }}</strong>
                                    <div>{{ $opt['count'] }}{{ __('labels.votes') }}({{ $opt['percentage'] }}%)</div>
                                    <div class="progress" style="height:8px">
                                        <div class="progress-bar" role="progressbar" style="width:{{ $opt['percentage'] }}%"></div>
                                    </div>
                                </div>
                            @endforeach

                            <a class="btn btn-secondary" href="{{ route('surveys.index') }}">{{ __('labels.back') }}</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
@endsection