@extends('backend.layouts.app')

@section('content')
<div class="card">
    <div class="card-header">
        Create Question
    </div>

    <div class="card-body">
        <form action="{{ route('admin.questions.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="form-group {{ $errors->has('question') ? 'has-error' : '' }}">
                <label for="question">question*</label>
                <textarea id="question" name="question" rows="5" class="form-control" required>
                    {{ old('question', isset($question) ? $question->question : '') }}
                </textarea>
                @if($errors->has('question'))
                    <em class="invalid-feedback">
                        {{ $errors->first('question') }}
                    </em>
                @endif
            </div>
            <div class="form-group {{ $errors->has('question_image') ? 'has-error' : '' }}">
                <label for="question_image">Question Image*</label>
                <input type="file" id="question_image" name="question_image" class="form-control" />
                @if($errors->has('question_image'))
                    <em class="invalid-feedback">
                        {{ $errors->first('question_image') }}
                    </em>
                @endif
            </div>
            <div class="form-group {{ $errors->has('score') ? 'has-error' : '' }}">
                <label for="score">Score*</label>
                <input type="number" id="score" name="score" class="form-control" value="{{ old('score', isset($question) ? $question->score : '') }}" required />
                @if($errors->has('score'))
                    <em class="invalid-feedback">
                        {{ $errors->first('score') }}
                    </em>
                @endif
            </div>
            <div class="form-group {{ $errors->has('test') ? 'has-error' : '' }}">
                <label for="test">Test*</label>
                <select name="test[]" class="form-control" id="test" multiple >
                    @foreach($tests as $id => $test)
                        <option value="{{ $id }}">{{ $test }}</option>
                    @endforeach
                </select>
                @if($errors->has('test'))
                    <em class="invalid-feedback">
                        {{ $errors->first('test') }}
                    </em>
                @endif
            </div>

            @for ($question=1; $question<=4; $question++)
            <div class="card card-footer">
                <div class="card-body">
                    <div class="row">
                        <div class="col-xs-12 col-12 form-group {{ $errors->has('option_text') ? 'has-error' : '' }}">
                            <label for="option_text">Option Text*</label>
                            <textarea id="option_text" name="{{ 'option_text_'. $question }}" rows="5" style="width: 100%;" class="form-control" required>
                                {{ old('question', isset($question) ? "" : null) }}
                            </textarea>
                                @if($errors->has('option_text_'. $question))
                                    <em class="invalid-feedback">
                                        {{ $errors->first('option_text_'. $question) }}
                                    </em>
                                @endif
                            </div>
                        </div>
                    <div class="row">
                        <div class="col-xs-12 form-group">
                        <label for="option_text">Correct*</label>
                        <input type="checkbox" name="{{ 'correct_' . $question }}">
                            <p class="help-block"></p>
                            @if($errors->has('correct_' . $question))
                                <p class="help-block">
                                    {{ $errors->first('correct_' . $question) }}
                                </p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
            @endfor
           
            <div>
                <button class="btn btn-danger" type="submit" >Save</button>
            </div>
        </form>
    </div>
</div>
@endsection