{{-- Extends layout --}}
@extends('front.layouts.app')

{{-- Content --}}
@section('content')
    <div class="clear"></div>
    <div class="row content w-100">
        <div class="col-md-12 center">

            @if ($stat->results->count() > 0)
            <div class="bg-success  p-3 m-3">
                <strong class="float-left mr-2">{{ __('Cevaplar') }}</strong>:
                @foreach ($stat->results as $result)
                    <span class="float-left mr-2">{{ $result->question->order }}. {{ $result->question->question }}
                        @if ($result->is_correct == 1)
                            <i class="fas fa-check"></i>
                        @else
                            <i class="fas fa-cross"></i>
                        @endif
                    </span>
                @endforeach
            </div>
        @endif

            <h2>{{ $question->quiz->title }} {{ $question->order }}. {{ __('Soru') }}</h2>
            <h3>{{ $question->question }}</h2>

                <img class="img-thumbnail m-3" src="{{ $question->photoFull }}" />

                <form action="{{ route('quiz.answer', ['stat_id' => $stat->id]) }}" method="POST">
                    @csrf
                    @foreach ($question->answers as $answer)
                        <label><input type="radio" class="mr-2" name="answer"
                                value="{{ $answer->id }}">{{ $answer->title }}</label><br />
                    @endforeach

                    <button type="submit" class="btn btn-success">{{ __('Cevapla') }}</button>
                    <input type="hidden" name="question_id" value="{{ $question->id }}" />
                </form>


        </div>

    </div>
@endsection