@php
    $labels = array(
        1 => 'A',
        2 => 'B',
        3 => 'C',
    );

    $editable = false;
    if (Gate::allows('admin-mode') && strpos(request()->path(), '/edit/') !== false) {
        $editable = true;
    }
@endphp
<div class="quiz-preview @if($editable) editable @endif">
    <div class="quiz-edit-note">
        @if($editable)
            <span class="note-headline">Geschafft! Ihr Quiz ist so gut wie fertig:</span><br />
            <span>(Klicken Sie auf das kleine Icon vor der Frage, wenn Sie die jeweilige Frage noch einmal ansehen oder bearbeiten möchten. Die rot markierte Antwort ist richtig.)</span>
        @else
            <span class="note-headline">Geschafft! Ihr Quiz ist so gut wie fertig:</span><br />
            <span>()</span>
        @endif
    </div>
    <div class="quiz-info">
        <div class="quiz-preview-title">
            <div class="quiz-label">Überschrift:</div>
            <div class="quiz-title">{{ $quiz->title }}</div>
        </div>
        <div class="quiz-preview-title">
            <div class="quiz-label">Oberthema:</div>
            <div class="quiz-title">{{ $quiz->theme }}</div>
        </div>
        <div class="quiz-preview-picture">
            <div class="quiz-label">Bild:</div>
            <div class="preview-picture" style="background-image: url({{ Helper::getScalaMediaThumbnail($quiz->image) }});"></div>
        </div>
    </div>
    @for ($k=0; $k< count($quiz->all_questions); $k++)
        <div class="question-preview ">
            @if ($editable)
                <a class="preview-question-icon" href="{{ route('monothema-quiz.edit.step', [$quiz->id, $k + 2]) }}"></a>
            @else
                <a class="preview-question-icon" href="{{ route('monothema-quiz.create.step', [$k + 2]) }}"></a>
            @endif
            <div class="preview-question-title">Frage {{ $k + 1 }}</div>
            <div class="preview-question-text">{{ $quiz->all_questions[$k]["question"] }}</div>
            <div class="preview-answers">
                @for ($i=1; $i<=3; $i++)
                    <div class="preview-answer @if ((int) $quiz->all_questions[$k]['selected_answer'] === $i) selected @endif">
                        <span class="preview-answer-label">{{ $labels[$i] }}:</span>
                        <span class="preview-answer-text">{{ $quiz->all_questions[$k]["answer_$i"] }}</span>
                    </div>
                @endfor
            </div>
        </div>
    @endfor
</div>