{{-- Layout --}}
@extends('teacher.layout.layout')
{{-- Page Title --}}
@section('title', 'GAS LMS | Choose Type')
{{-- Breadcrumb section --}}
@section('breadcrumb')
    @include('components._breadcrumb', ['items' => ['Dashboard' => route('teacher.dashboard')]])
@endsection
{{-- Content --}}
@section('content')

    <div class="card shadow-sm">
        <!--begin::Card header-->
        <div class="card-header border-0 pt-6">
            <!--begin::Card title-->
            <div class="card-title align-items-start flex-column">
                <span class="card-label fw-bold fs-3 mb-1">All Question Types</span>
            </div>
            <!--begin::Card title-->
        </div>
        <!--end::Card header-->
        <div class="separator border-gray-200 pt-2 pb-4"></div>
        <!--begin::Card body-->
        <div class="card-body py-4">
            <form action="{{ route('teacher.question.create',$course_id) }}" method="get" autocomplete="off">
                @if ($quiz_id)
                    <input type="hidden" name="quiz_id" value="{{$quiz_id}}">
                    <input type="hidden" name="question_points" value="{{$question_points}}">
                @endif
                <!--begin::Row-->
                <div class="container">
                    <div class="row mb-20" data-kt-buttons="true" data-kt-buttons-target=".form-check-image, .form-check-input">
                        <!--begin::Col-->
                        <input type="hidden" name="course" value="{{ $course_id }}">
                        <input type="hidden" name="question_bank_id" value="{{ $question_bank_id }}">
                        <div class="col-md-2">
                            <label class="form-check-image active">
                                <div class="form-check-wrapper">
                                    <img src="{{env('SECURE_ASSETS').'/assets/media/questions/essay.svg'}}"/>
                                </div>
                                <div class="form-check form-check-custom form-check-solid">
                                    <input class="form-check-input" type="radio" name="questiontype" value="Essay" id="essay"
                                     checked="checked" />
                                    <div class="form-check-label">
                                        Essay
                                    </div>
                                </div>
                            </label>
                        </div>
                        <!--end::Col-->

                        <!--begin::Col-->
                        <div class="col-md-2">
                            <label class="form-check-image">
                                <div class="form-check-wrapper">
                                    <img src="{{env('SECURE_ASSETS').'/assets/media/questions/mcq.svg'}}" />
                                </div>
                                <div class="form-check form-check-custom form-check-solid me-10">
                                    <input class="form-check-input" type="radio" name="questiontype" value="MCQ" id="flexRadioChecked" />
                                    <div class="form-check-label">
                                       MCQ
                                    </div>
                                </div>
                            </label>
                        </div>
                        <!--end::Col-->

                        <!--begin::Col-->
                        <div class="col-md-2">
                            <label class="form-check-image">
                                <div class="form-check-wrapper">
                                    <img src="{{env('SECURE_ASSETS').'/assets/media/questions/matching.png'}}" width="115"/>
                                </div>
                                <div class="form-check form-check-custom form-check-solid me-10">
                                    <input class="form-check-input" type="radio" name="questiontype" value="Match" id="flexRadioChecked" />
                                    <div class="form-check-label">
                                        Match
                                    </div>
                                </div>
                            </label>
                        </div>
                        <!--end::Col-->

                         <!--begin::Col-->
                         <div class="col-md-2">
                            <label class="form-check-image">
                                <div class="form-check-wrapper">
                                    <img src="{{env('SECURE_ASSETS').'/assets/media/questions/complete.svg'}}" />
                                </div>
                                <div class="form-check form-check-custom form-check-solid ">
                                    <input class="form-check-input" type="radio" name="questiontype" value="Complete" id="flexRadioChecked" />
                                    <div class="form-check-label">
                                        Complete
                                    </div>
                                </div>
                            </label>
                        </div>
                        <!--end::Col-->

                        <!--begin::Col-->
                        <div class="col-md-2">
                            <label class="form-check-image">
                                <div class="form-check-wrapper">
                                    <img src="{{env('SECURE_ASSETS').'/assets/media/questions/file.svg'}}" />
                                </div>
                                <div class="form-check form-check-custom form-check-solid ">
                                    <input class="form-check-input" type="radio" name="questiontype" value="file" id="flexRadioChecked" />
                                    <div class="form-check-label">
                                        File
                                    </div>
                                </div>
                            </label>
                        </div>
                        <!--end::Col-->
                         <!--begin::Col-->
                         <div class="col-md-2">
                            <label class="form-check-image">
                                <div class="form-check-wrapper">
                                    <img src="{{env('SECURE_ASSETS').'/assets/media/questions/audio.svg'}}" />
                                </div>
                                <div class="form-check form-check-custom form-check-solid ">
                                    <input class="form-check-input" type="radio" name="questiontype" value="audio" id="flexRadioChecked" />
                                    <div class="form-check-label">
                                        Audio
                                    </div>
                                </div>
                            </label>
                        </div>
                        <!--end::Col-->

                    </div>
                </div>
                <!--end::Row-->

                <button type="submit" class="btn btn-primary d-block mx-auto">
                    <span class="indicator-label">
                        Next
                    </span>
                </button>

            </form>
        </div>
        <!--end::Card body-->
    </div>

@endsection