@extends('frontend.'.$temaadi.'.app')
@push("head")
    <title>{{ $anketDetay->question }} - Anketler - {{ config('ayarlar.baslik') }}</title>
    <meta name="description" content="{{ $anketDetay->question }} başlıklı ankete oy kullanmak için sitemizi ziyaret ediniz." />
@endpush
@section("content")
    <section>
        <div class="archive-header text-center mb-30">
            <h1><span class="font-weight-ultra">{{ $anketDetay->question }}</span></h1>
            <div class="breadcrumb">
                <a href="{{ url('/') }}">Ana Sayfa</a>
                <span></span>
                <a href="{{ url('/anketler') }}">
                    Anketler
                </a>
                <span></span>
                {{ $anketDetay->question }}
            </div>
        </div>
    </section>
    <section class="pt-30 bg-white box-shadow mt-15 mb-30">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <div class="anket_detay_message"></div>
                    <div class="vote_widget anket_detay_secenekler">
                        <form id="anketForm">
                            {!! csrf_field() !!}
                            <input type="hidden" id="pollId" name="pollId" value="{{$anketDetay->id}}">
                            <input type="hidden" id="newsId" name="newsId" value="{{$anketDetay->haber_id}}">
                            @if($options)
                                <ul class="list-unstyled pl-0">
                                    @foreach($options as $option)
                                        <li class="py-1">
                                            <input type="radio" id="secenek{{$option->id}}" name="data" value="{{$option->id}}">
                                            <label class="ml-1" for="secenek{{$option->id}}">{{$option->name}}</label>
                                        </li>
                                    @endforeach
                                </ul>
                            @endif
                            <div class="vote_buttons">
                                <button type="submit" class="btn btn-danger font-medium font-weight-bold">Anketi Oyla</button>
                            </div>
                        </form>
                    </div>
                    <div class="bt-1 border-color-1 mt-4 mb-3"></div>
                    @if($anketDetay->isHide == 0)
                        <div class="row mt-4">
                            <div class="col-md-12">
                                <h3>Anket Sonuçları</h3>
                            </div>
                            <div class="col-md-12">
                                <table class="table table-striped">
                                    <tbody>
                                    <tr>
                                        <th width="40%">Seçenekler</th>
                                        <th width="40%"></th>
                                        <th width="10%">Oy</th>
                                        <th width="10%">Yüzde</th>
                                    </tr>
                                    @if($options)
                                        @foreach($options as $option)
                                            <tr>
                                                @php($anketSecenekSayi = isset($anketSonuclarToplam[$option->id]) ? $anketSonuclarToplam[$option->id] : 0)
                                                @php($progress = ($anketSecenekSayi != 0) ? round(($anketSecenekSayi / $anketGenelToplam) * 100 , 1) : 0)
                                                <td>{{$option->name}}</td>
                                                <td>
                                                    <progress value="{{$progress}}" max="100"></progress>
                                                </td>
                                                <td>{{$anketSecenekSayi}}</td>
                                                <td>{{$progress}}</td>
                                            </tr>
                                        @endforeach
                                    @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    @endif
                </div>
                <div class="col-md-4">
                    @include('frontend.'.$temaadi.'.blocks.sidebar')
                </div>
            </div>
        </div>
    </section>
@endsection
@push("customJs")
    <script>
        $('#anketForm').submit(function () {
            let form = $(this);
            $.ajax({
                type: "POST",
                url: "{{url('/')}}/anketler/oy-ver",
                data: form.serialize(),
                success : function (response) {
                    $('.anket_detay_message').empty().append(response.message);
                    setTimeout(function () {
                        window.location.reload();
                    },2000)
                },
                error: function (request, status, error) {
                    var responseData = JSON.parse(request);
                    var content = '';

                    console.log(responseData);
                }
            });

            return false;
        });
    </script>
@endpush
@push("customCss")

@endpush