@extends('layouts.app')
@push('title')
    {{ $title }} - <small>{{ $bdmQuestionAnswers[0]->user->name ?? '' }}</small>  || <small>{{ $bdmQuestionAnswers[0]->user->email ?? '' }}</small>
@endpush

@section('content')

    <div class="row">
        <div class="col-sm-12">

            @php
                $questionCount =1;
            @endphp

            @foreach ($bdmQuestionAnswers as $item)

                <div class="card">
                    <div class="card-body">

                        <div class="form-group">
                            <label class="mb-2 text-bold-600 text-uppercase"> <b>{{ $questionCount++.'. ' }}</b> {{ $item->question->question }}
                                @if ($item->answer_result == 'right')
                                    <i data-feather="check" class="align-self-center vertical-menu-icon icon-dual-vertical"></i>
                                @else
                                    <i data-feather="x" class="align-self-center vertical-menu-icon icon-dual-vertical"></i>
                                @endif
                            </label>
                            <br>
                            <i>{{ $item->ans }}</i>
                        </div>

                    </div>
                </div>

            @endforeach

            <div class="form-group">
                <a class="btn btn-primary waves-effect waves-light mt-4" style="float: right" href="{{ route('bdm.questionnaire.exam.list') }}">Back</a>
            </div><!--end form-group-->



        </div>
    </div>

@endsection
@push('css_links')
    <style>
        .card:hover{
            box-shadow: 1px 6px 8px #4e545e75;
            transition: .7s;
        }
        .custom-radio{
            cursor: pointer;
        }
    </style>
@endpush
@push('js')

@endpush
@push('js')
@endpush