@extends('layouts.master', ['title' => 'Update 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">Update Question</h4>
          <form action="{{route('questions.update', ['question' => $question->id])}}" method="post" class="form-sample">
            @csrf
            @method('put')
            <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 id="exam" class="form-control" disabled required>
                      <option value="{{$question->examsDetails->id}}">{{$question->examsDetails->examname}}</option>
                    </select>
                  </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}}" {{ $question->level_id == $level->id  ? 'selected' : '' }}>{{$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>{{$question->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="{{$question->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="{{$question->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="{{$question->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="{{$question->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" {{ decrypt($question->right_answer) == 'option_one'  ? 'selected' : '' }}>Choice 1</option>
                      <option value="option_two" {{ decrypt($question->right_answer) == 'option_two'  ? 'selected' : '' }}>Choice 2</option>
                      <option value="option_three" {{ decrypt($question->right_answer) == 'option_three'  ? 'selected' : '' }}>Choice 3</option>
                      <option value="option_four" {{ decrypt($question->right_answer) == 'option_four'  ? 'selected' : '' }}>Choice 4</option>
                    </select>
                  </div>
                </div>
              </div>
            </div>
            <button type="submit" class="btn btn-success float-right">Update</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