@extends('admin.layout')
@section('content')
    <!-- begin::main content -->
    <main class="main-content">
        <div class="container">
            <!-- begin::page header -->
            <div class="page-header">
                <h3>View Question</h3>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
                        <li class="breadcrumb-item"><a href="{{ asset('admin/mcq-question-list') }}">MCQ Question List</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">View Question</li>
                    </ol>
                </nav>
            </div>
            <!-- end::page header -->
            <x-flashMessage />
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            @if ($mcq_questions->group_question)
                                <a href="{{ asset('admin/sub-mcq-questions') . '/' . $mcq_questions->id }}"
                                    class="btn btn-success text-white">Sub Question:
                                    {{ count($mcq_questions->subquestion()->get()) }}</a>
                            @endif
                            @if (!empty($mcq_questions->tags))
                                <button class="btn btn-success text-white">Topic: {{ $mcq_questions->tags }}</button>
                            @endif

                            @if (!empty($mcq_questions->code))
                                <button class="btn btn-warning text-white">Code: {{ $mcq_questions->code }}</button>
                            @endif

                            @if ($mcq_questions->type == 'fill')
                                <button class="btn btn-info">Fill In The Blanks</button>
                            @endif
                            @if ($mcq_questions->type == 'true_false')
                                <button class="btn btn-info">True / False</button>
                            @endif
                            @if ($mcq_questions->type == 'mcq')
                                <button class="btn btn-info">Multiple Choice Question</button>
                            @endif
                            @if ($mcq_questions->type == 'single_mcq')
                                <button class="btn btn-info">Single Choice Question</button>
                            @endif
                            <a href="{{ asset('admin/mcq-question-list') }}" class="btn btn-primary text-white pull-right">
                                <i class="fa fa-list"></i>&nbsp; MCQ Question List</a>
                        </div>
                        <div class="card-body">



                            <div class="row">
                                <div class="col-md-12">
                                    <h5>Group Text: </h5>
                                    <hr>
                                    {!! $mcq_questions->group_text !!}
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <h5>Question: </h5>
                                    <hr>
                                    {!! $mcq_questions->question !!}
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <h5>Solution: </h5>
                                    <hr>
                                    {!! $mcq_questions->solution !!}
                                </div>
                            </div>

                            @if ($mcq_questions->type == 'fill')
                                <div class="row">
                                    <div class="col-md-12">
                                        <h5>Correct Answer: </h5>
                                        <hr>
                                        {!! $mcq_questions->answer !!}
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <h5>Ranger Answer: </h5>
                                        <hr>
                                        <p>
                                            MIN: {!! $mcq_questions->min !!}
                                        </p>
                                        <p>
                                            MAX: {!! $mcq_questions->max !!}
                                        </p>
                                    </div>
                                </div>
                            @endif


                            <br> <span>Created: {!! $mcq_questions->created_at !!}</span>
                        </div>
                    </div>



                </div>

            </div>

        </div>

    </main>
    <!-- end::main content -->
@endsection
@push('footer-script')
    <!-- begin::select2 -->
    <!-- begin::select2 -->
    <script src="{{ asset('public/ckeditor/ckeditor.js') }}"></script>
    <link rel="stylesheet" href="{{ asset('public/admin/vendors/select2/css/select2.min.css') }}" type="text/css">
    <!-- end::select2 -->

    <script src="{{ asset('public/admin/vendors/select2/js/select2.min.js') }}"></script>
    <script src="{{ asset('public/admin/js/examples/select2.js') }}"></script>

    <script type="text/javascript">
        CKEDITOR.replace('solution');

        CKEDITOR.replace('question');
    </script>

    <!-- end::select2 -->
@endpush