@extends('backend.layouts.app')
@section('content')
<div class="row justify-content-center">
    <div class="col-lg-6">
        <div class="card">
            <div class="card-body">
                <h1 class="text-center">Edit Quiz Question</h1>

                <form action="{{ route('questions.update', $questions->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    
                    <div class="form-group">
                        <label for="question" >Question</label>
                        <input type="text" name="question" id="question" class="form-control @error('question') is-invalid @enderror" value="{{ old('question', $questions->question) }}">
                        @error('question')
                            <span>{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="level_id">Level</label>
                        <select class="form-control @error('level_id') is-invalid @enderror" name="level_id">
                            <option value="{{ old('level_id', $questions->level_id) }}" selected>{{ $questions->level->title }}</option>
                            @foreach($levels as $level)
                                <option value="{{ $level->id }}">{{ $level->title }}</option>
                            @endforeach
                        </select>
                        @error('category')
                            <span class="invalid-feedback">{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="optionA">Option A</label>
                        <input type="text" name="optionA" class="form-control @error('optionA') is-invalid @enderror" value="{{ old('optionA', $questions->optionA) }}" required>
                        @error('optionA')
                            <span>{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="optionB">Option B</label>
                        <input type="text" name="optionB" class="form-control @error('optionB') is-invalid @enderror" value="{{ old('optionB', $questions->optionB) }}" required>
                        @error('optionB')
                            <span>{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="optionC">Option C</label>
                        <input type="text" name="optionC" class="form-control @error('optionC') is-invalid @enderror" value="{{ old('optionC', $questions->optionC) }}" required>
                        @error('optionC')
                            <span>{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="answer">Correct Answer</label>
                        <select class="form-control @error('answer') is-invalid @enderror" name="answer">
                            <option value="optionA" {{ $questions->answer === 'optionA' ? 'selected' : '' }}>Option A</option>
                            <option value="optionB" {{ $questions->answer === 'optionB' ? 'selected' : '' }}>Option B</option>
                            <option value="optionC" {{ $questions->answer === 'optionC' ? 'selected' : '' }}>Option C</option>
                        </select>
                        @error('answer')
                            <span>{{ $message }}</span>
                        @enderror
                    </div>
                    <button type="submit" class="btn btn-primary" style="margin: 10px">Update</button>
                </form>
                
            </div>
        </div>
    </div>
</div>
@endsection