@extends('layouts.master')

@section('content')
    <div class="cover-image"></div>
    <div class="page-description">
        @if ($step === 1)
            @lang('descriptions.monothema-quiz.crud')
        @elseif ($step === 18)
            @lang('descriptions.monothema-quiz.request-approval')
        @endif
    </div>
    <div class="page-content">
        @if (Helper::createMode())
            @if (isset($quiz))
                {!! Form::model($quiz, ['route' => 'monothema-quiz.store', 'class' => 'quiz-form model', 'enctype' => 'multipart/form-data', 'accept-charset' => 'UTF-8']) !!}
                <p></p>
            @else
                {!! Form::open(['route' => 'monothema-quiz.store', 'class' => 'quiz-form', 'enctype' => 'multipart/form-data', 'accept-charset' => 'UTF-8']) !!}
            @endif
        @elseif (Helper::editMode())
            {!! Form::model($quiz, ['route' => ['monothema-quiz.update', $quiz->id], 'class' => 'quiz-form', 'enctype' => 'multipart/form-data', 'accept-charset' => 'UTF-8']) !!}
        @endif
            <div class="form-container">
                <div class="quiz-container">
                                        {!! Form::hidden('step', $step) !!}
                    {!! Form::checkbox('go-next', 1, null, ['id' => 'go-next', 'class' => 'hidden']) !!}

                    @if ($step === 1)
                        {!! Form::hidden('image', null, ['class' => 'quiz-image-input']) !!}
                        <div class="form-group @if ($errors->has('preset_name')) has-error @endif">
                            <div class="form-control-title">
                                <span>Vorlagenname:</span>
                            </div>
                            {!! Form::text('preset_name', null, ['class' => 'preset-name']) !!}
                        </div>
                        <div class="form-group @if ($errors->has('title')) has-error @endif">
                            <div class="form-control-title">
                                <span>Tragen Sie hier die Überschrift ein:</span>
                            </div>
                            <div class="form-control-hint">(Diese kann zweizeilig angezeigt werden. Nutzen Sie die Enter-Taste, um ihre Überschrift umzubrechen.)</div>
                            {!! Form::textarea('title', null, ['class' => 'quiz-title', 'placeholder' => '...', 'maxlength' => 100]) !!}
                        </div>
                        <div class="form-group @if ($errors->has('theme')) has-error @endif">
                            <div class="form-control-title">
                                <span>Tragen Sie hier das Oberthema Ihres Quizes ein:</span>
                            </div>
                            <div class="form-control-hint">(Das Oberthema ist <u>keine Überschrift</u> und sollte idealerweise nur aus einem Wort bestehen.)</div>
                            {!! Form::text('theme', null, ['class' => 'quiz-theme', 'placeholder' => '...', 'maxlength' => 30]) !!}
                        </div>
                        <div class="form-group image-placeholder-area">
                            <div class="form-control-title">
                                <span>Wählen Sie ein Hintergrundbild aus:</span>
                                <!-- <a role="button" tabindex="0" data-placement="bottom" data-trigger="focus" data-toggle="popover" data-content="Alle Bilder unterliegen Bildrechten und wir haben für unsere Werbemittel darüber hinaus einen hohen Qualitätsanspruch. Daher ist es an dieser Stelle nicht möglich, eigene Bilder hochzuladen." class="glyphicon glyphicon-info-sign" aria-hidden="true" data-original-title="Bildrechte">
                                    <i class="material-icons">info</i>
                                </a> -->
                            </div>
                            <div class="form-control-hint">(Dieses wird prominent über die ganze Fläche des Bildschirmes angezeigt.)</div>
                            <div class="form-group image-placeholder quiz-image @if ($errors->has('image')) has-error @endif" style="background-image: url({{ $image_URL }})">
                                <div class="grey-button select-new-image select-quiz-image">Bilddatenbank</div>
                            </div>
                        </div>
                    @elseif ($step === 18)
                        {!! Form::checkbox('approval', 1, null, ['id' => 'approval', 'class' => 'hidden']) !!}
                        @include ('partials.quiz_preview')
                        <div class="approval-options">
                            @include ('partials.approvers')
                        </div>
                    @else
                        <div class="form-group @if ($errors->has('question')) has-error @endif">
                            <div class="form-control-title">
                                <span>Tragen Sie hier Frage {{ $step - 1 }} ein:</span>
                            </div>
                            <div class="form-control-hint">(Achten Sie bitte darauf, dass die Frage einfach und klar formuliert ist.)</div>
                            {!! Form::textarea('question', $question, ['class' => 'quiz-question', 'placeholder' => '...', 'maxlength' => 100]) !!}
                        </div>
                        <div class="answers-block">
                            <div class="form-group @if ($errors->has('answer_1')) has-error @endif">
                                <div class="form-control-title">
                                    <span>Tragen Sie hier Antwortmöglichkeit A ein:</span>
                                </div>
                                {!! Form::text('answer_1', $answer_1, ['class' => 'quiz-answer', 'placeholder' => '...', 'maxlength' => 50]) !!}
                            </div>
                            <div class="form-group @if ($errors->has('answer_2')) has-error @endif">
                                <div class="form-control-title">
                                    <span>Tragen Sie hier Antwortmöglichkeit B ein:</span>
                                </div>
                                {!! Form::text('answer_2', $answer_2, ['class' => 'quiz-answer', 'placeholder' => '...', 'maxlength' => 50]) !!}
                            </div>
                            <div class="form-group @if ($errors->has('answer_3')) has-error @endif">
                                <div class="form-control-title">
                                    <span>Tragen Sie hier Antwortmöglichkeit C ein:</span>
                                </div>
                                {!! Form::text('answer_3', $answer_3, ['class' => 'quiz-answer', 'placeholder' => '...', 'maxlength' => 50]) !!}
                            </div>
                        </div>
                        <div class="answer-selection-block @if ($errors->has('selected_answer')) has-error @endif">
                            @for ($i=1; $i<=3; $i++)
                                <br />
<b>Warning</b>:  Undefined variable $i in <b>C:\Apache24_x64\htdocs\origin_cms\resources\views\monothema\quiz\form.blade.php</b> on line <b>121</b><br />
                                <div class="custom-control custom-radio">
                                    {!! Form::radio('selected_answer', $i, $value, ['id' => 'selected-answer-'.$i, 'class' => 'custom-control-input form-check-input']) !!}
                                    <label class="custom-control-label form-label" for="selected-answer-{{ $i }}">Dies ist die richtige Antwort:</label>
                                </div>
                            @endfor
                        </div>
                    @endif
                </div>
            </div>
            <div class="action-buttons">
                <button type="submit" class="red-button quiz-save-and-close">@lang('generic.btn-save-close')</button>
                @if ($step === 18)
                    <button type="submit" class="quiz-save-and-send-approval red-button">@lang('generic.btn-save-send-approval')</button>
                @else
                    <button type="submit" class="quiz-go-to-next-step red-button">
                        @if ($step === 17)
                            @lang('generic.btn-preview-approval')
                        @else
                            WEITER ZUR {{ $step }}. FRAGE
                        @endif
                    </button>
                @endif
            </div>
        {!! Form::close() !!}
    </div>
@endsection

@section('back_button')
    @if (Gate::allows('admin-mode'))
        @if ($step === 1)
            <a href="{{ route('monothema-quiz.index') }}" class="grey-button">Zurück</a>
        @else
            @if (Helper::createMode())
                <a href="{{ route('monothema-quiz.create.step', [$step - 1]) }}" class="grey-button">Zurück</a>
            @elseif (Helper::editMode())
                <a href="{{ route('monothema-quiz.edit.step', [$quiz->id, $step - 1]) }}" class="grey-button">Zurück</a>
            @endif
        @endif
    @else
        <a href="{{ route('monothema') }}" class="grey-button">Zurück</a>
    @endif
@endsection