@extends('layouts.frontend')
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">

            <div class="card">
            <div class="row">
                <div class="col-md-10 col-xl-10 col-sm-10">
                <div class="card-header card-header-success card-header-icon" style="margin-left:15px;">
                        <div class="card-icon">
                            <i class="material-icons">assignment</i>
                        </div>
                        <div class="card-header" style="color:black;">
                        {{ trans('global.show') }} {{ trans('cruds.questionAnswer.title') }}
                </div>

                    </div>
                 </div>
                 <div class="col-md-2 col-xl-2 col-sm-2">
                   
              </div>
              </div>
              
                <div class="card-body">
                    <div class="form-group">
                        <div class="form-group">
                            <a class="btn btn-default" href="{{ route('frontend.question-answers.index') }}">
                                {{ trans('global.back_to_list') }}
                            </a>
                        </div>
                        <table class="table table-bordered table-striped">
                            <tbody>
                                <tr style="display:none;">
                                    <th>
                                        {{ trans('cruds.questionAnswer.fields.id') }}
                                    </th>
                                    <td>
                                        {{ $questionAnswer->id }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.questionAnswer.fields.quiz') }}
                                    </th>
                                    <td>
                                        {{ $questionAnswer->quiz->title ?? '' }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.questionAnswer.fields.question') }}
                                    </th>
                                    <td>
                                        {!! $questionAnswer->question !!}
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.questionAnswer.fields.answer_1') }}
                                    </th>
                                    <td>
                                        {{ $questionAnswer->answer_1 }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.questionAnswer.fields.answer_2') }}
                                    </th>
                                    <td>
                                        {{ $questionAnswer->answer_2 }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.questionAnswer.fields.answer_3') }}
                                    </th>
                                    <td>
                                        {{ $questionAnswer->answer_3 }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.questionAnswer.fields.answer_4') }}
                                    </th>
                                    <td>
                                        {{ $questionAnswer->answer_4 }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.questionAnswer.fields.correct_answer') }}
                                    </th>
                                    <td>
                                        {{ App\Models\QuestionAnswer::CORRECT_ANSWER_SELECT[$questionAnswer->correct_answer] ?? '' }}<br>
                                        <strong>({{ $questionAnswer->answer_1 }})</strong>
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.questionAnswer.fields.correct_answer_point') }}
                                    </th>
                                    <td>
                                        {{ $questionAnswer->correct_answer_point }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.questionAnswer.fields.shuffle_answers') }}
                                    </th>
                                    <td>
                                        <input type="checkbox" disabled="disabled" {{ $questionAnswer->shuffle_answers ? 'checked' : '' }}>
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.questionAnswer.fields.is_appeared_in_series') }}
                                    </th>
                                    <td>
                                        <input type="checkbox" disabled="disabled" {{ $questionAnswer->is_appeared_in_series ? 'checked' : '' }}>
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ trans('cruds.questionAnswer.fields.appeared_on') }}
                                    </th>
                                    <td>
                                        {{ $questionAnswer->appeared_on }}
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="form-group">
                            <a class="btn btn-default" href="{{ route('frontend.question-answers.index') }}">
                                {{ trans('global.back_to_list') }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>

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