@extends('layouts.master', ['title' => 'Add Question'])
@section('content')
<div class="content-wrapper">
  <div class="row">
    <div class="col-12 grid-margin">
      <div class="card">
        <div class="card-body">
          <h4 class="card-title">Add New Question</h4>
          <form action="{{route('questions.store')}}" method="post" class="form-sample">
            @csrf
            <div class="row">
              <div class="col-md-6">
                <div class="form-group row">
                  <label class="col-sm-3 col-form-label">Select Exam</label>
                  <div class="col-sm-9">
                    <select name="exam_id" id="exam" class="form-control" value="{{old('exam_id')}}" required>
                      <option value="">Select Exam</option>
                      @foreach($exams as $exam)
                      <option value="{{$exam->id}}">{{$exam->examname}}</option>
                      @endforeach
                    </select>
                    @error('exam_id')
                    <small class="text-danger">{{ $message }}</small>
                    @enderror
                  </div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group row">
                  <label class="col-sm-3 col-form-label">Select Level</label>
                  <div class="col-sm-9">
                    <select name="level_id" id="level" class="form-control" value="{{old('level_id')}}" required>
                      <option value="">Select Level</option>
                      @foreach($levels as $level)
                      <option value="{{$level->id}}">{{$level->name}}</option>
                      @endforeach
                    </select>
                    @error('level_id')
                    <small class="text-danger">{{ $message }}</small>
                    @enderror
                  </div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group row">
                  <label class="col-sm-3 col-form-label">Question</label>
                  <div class="col-sm-9">
                    <textarea name="question" class="form-control"
                      placeholder="Enter your Question" required>{{old('question')}}</textarea>
                    @error('question')
                    <small class="text-danger">{{ $message }}</small>
                    @enderror
                  </div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group row">
                  <label class="col-sm-3 col-form-label">Choice 1</label>
                  <div class="col-sm-9">
                    <input type="text" name="option_one" value="{{old('option_one')}}" class="form-control"
                      placeholder="Enter your Choice" required/>
                    @error('option_one')
                    <small class="text-danger">{{ $message }}</small>
                    @enderror
                  </div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group row">
                  <label class="col-sm-3 col-form-label">Choice 2</label>
                  <div class="col-sm-9">
                    <input type="text" name="option_two" value="{{old('option_two')}}" class="form-control"
                      placeholder="Enter your Choice" required/>
                    @error('option_two')
                    <small class="text-danger">{{ $message }}</small>
                    @enderror
                  </div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group row">
                  <label class="col-sm-3 col-form-label">Choice 3</label>
                  <div class="col-sm-9">
                    <input type="text" name="option_three" value="{{old('option_three')}}" class="form-control"
                      placeholder="Enter your Choice" required/>
                    @error('option_three')
                    <small class="text-danger">{{ $message }}</small>
                    @enderror
                  </div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group row">
                  <label class="col-sm-3 col-form-label">Choice 4</label>
                  <div class="col-sm-9">
                    <input type="text" name="option_four" value="{{old('option_four')}}" class="form-control"
                    placeholder="Enter your Choice" required/>
                  </div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="form-group row">
                  <label class="col-sm-3 col-form-label">Correct Answer</label>
                  <div class="col-sm-9">
                    <select name="right_answer" id="right_answer" class="form-control" required>
                      <option value="">Select Correct Answer</option>
                      <option value="option_one">Choice 1</option>
                      <option value="option_two">Choice 2</option>
                      <option value="option_three">Choice 3</option>
                      <option value="option_four">Choice 4</option>
                    </select>
                  </div>
                </div>
              </div>
            </div>
            <button type="submit" class="btn btn-success float-right">Save</button>
            <button type="button" class="btn btn-success float-left" onclick="window.history.go(-1); return false;">Cancel</button>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection