@extends('admin.layout.master')
@section('contant')
    <div class="content-body">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title" id="tel-repeater">Create Question</h4>
                        <a class="heading-elements-toggle"><i class="la la-ellipsis-h font-medium-3"></i></a>
                        <div class="heading-elements">
                            <ul class="list-inline mb-0">
                                <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                                <li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
                                <li><a data-action="expand"><i class="ft-maximize"></i></a></li>
                                <li><a data-action="close"><i class="ft-x"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="card-content collapse show">
                        <div class="card-body">
                            <form action="{{route('create.question.process')}}" method="post" class="row">
                                <div class="form-group col-md-12 mb-2">
                                    <label for="Question">Question</label>
                                    <input type="text" id="Question" name="question" class="form-control border-info"
                                        placeholder="Write a  Question">
                                        @error('question')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group col-md-12 mb-2">
                                    <label for="Option">Options</label>
                                    <input type="text" id="Option" name="option1" class="form-control border-info" placeholder="A">
                                    @error('option1')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                                </div>
                                <div class="form-group col-md-12 mb-2">
                                    <input type="text" id="Option1" name="option2" class="form-control border-info" placeholder="B">
                                    @error('option2')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                                </div>
                                <div class="form-group col-md-12 mb-2">
                                    <input type="text" id="Option2" name="option3" class="form-control border-info" placeholder="C">
                                    @error('option3')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                                </div>
                                <div class="form-group col-md-12 mb-2">
                                    <input type="text" id="Option3" name="option4" class="form-control border-info" placeholder="D">
                                    @error('option4')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                                </div>
                                @csrf
                                <div class="form-group col-md-12 mb-2">
                                  <label for="correct">Correct Answer</label>
                                  <input type="text" id="correct" name="correct_answer" class="form-control border-info" placeholder="Write correct Answer here..">
                                  @error('correct_answer')
                                  <div class="text-danger">{{ $message }}</div>
                              @enderror
                              @if(session('error1')) <div class="text-danger">{{session('error1')}}</div> @endif
                              </div>
                                <div class="form-group col-md-12">
                                  <button type="submit" class="btn btn-info">
                                    <i class="la la-check-square-o"></i> Create
                                  </button>
                                  <br><br>
                                  @if(session('success')) <div class="alert-success">{{session('success')}}</div> @endif

                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection