@extends('layout.default')
@section('content')

@section('page_toolbar')
<a class="btn btn-success px-2 font-weight-bold btn-sm mr-2"  href="{{ url('admin/questions')}}">
<i class="fas fa-angle-double-left" aria-hidden="true"></i> Back
</a>
@endsection

<!--begin::Content-->
@if ($errors->any())
<div class="alert alert-danger">
  <ul>
    @foreach ($errors->all() as $error)
    <li>{{ $error }}</li>
    @endforeach
  </ul>
</div>
@endif 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" rel="stylesheet"/>

<div class="card card-custom">
    <div class="card-body">
         
            <div class="box-body">
             
                  <div class="col-md-12">
                      <div class="table">
                          <table class="table">
                              <tbody>
                                  <tr class="font-weight-boldest border-bottom-0 font-size-lg">
                                      <td class="border-top-0 pl-0 py-4" >Question</td>
                                      <td class="border-top-0 py-4"><span class="text-left" style="font-weight:normal;">{!! $question->question !!}</span></td>
                                  </tr>
                                  @if(sizeof($questionImages)>0)
                                    <tr class="font-weight-boldest font-size-lg">
                                      <td class="border-top-0 pl-0"></td>
                                       <td class="border-top-0 text-left">
                                          <output id="Filelist">
                                            <ul class="thumb-Images" id="imgList">
                                              @foreach($questionImages as $image)   
                                                <li>
                                                  <div class="img-wrap">
                                                  <img class="thumb" title="{{$image->id}}" data-id="{{$image->id}}" src="{{ asset('storage/uploads/questions/'.$image->question_id.'/' . $image->image) }}"></div>

                                                  <div class="FileNameCaptionStyle">{{$image->id}}</div>
                                                </li>
                                              @endforeach
                                            </ul>
                                         
                                         </output>
                                       </td>
                                    </tr>
                                  @endif
                                  @if($question->question_type == 1)
                                  <tr class="font-weight-boldest font-size-lg">
                                      <td class="pl-0 border-top-0">Options</td>
                                      <td class="text-left border-top-0">
                                        @foreach($options as $key=>$option)
                                          <div class="form-group row">
                                              <label class="col-xl-3 col-lg-3 col-form-label font-weight-bolder">Option {{ $key }} :</label>
                                              <div class="col-lg-8 col-xl-8">
                                                  <label class="col-form-label">{{ $option }} </label>
                                              </div>
                                          </div>                                      
                                         @endforeach
                                      </td>                                      
                                  </tr>
                                  @endif
                                  @if($question->question_type == 2)
                                  <tr class="font-weight-boldest font-size-lg">
                                      <td class="pl-0 border-top-0">Answer</td>
                                      <td class="text-left border-top-0">
                                        <span class="text-right" style="font-weight:normal;">{{ $answer }}</span>
                                      </td>
                                      
                                  </tr>
                                  @endif
                                  @if($question->question_type == 1)
                                  <tr class="font-weight-boldest font-size-lg">
                                      <td class="pl-0 border-top-0">Answer</td>
                                      <td class="text-left border-top-0">
                                        <span class="text-right" style="font-weight:normal;">
                                        @foreach($answer as $key=>$ans)
                                          @if($ans!='')
                                            Option {{ $key }} &nbsp;&nbsp;&nbsp;&nbsp;
                                          @endif
                                        @endforeach
                                      </span>
                                      </td>
                                      
                                  </tr>
                                  @endif
                                  @if($question->question_type == 3)
                                    @foreach($answer as $key=>$value)
                                    <tr class="font-weight-boldest font-size-lg">                         
                                        <td class="pl-0 border-top-0">Blank Answer {{$key}}</td>
                                        <td class="py-4 text-left border-top-0">
                                          <span class="text-right
                                          " style="font-weight:normal;">{{ $value }}</span>
                                        </td>
                                    </tr>
                                    @endforeach  
                                  @endif
                                  <tr class="font-weight-boldest font-size-lg">
                                      <td class="pl-0 border-top-0">Difficulty Level</td>
                                      <td class="text-left border-top-0"><span class="text-right" style="font-weight:normal;">{!! ucwords($question->difficulty_level) !!}</span></td>
                                  </tr>
                                  <tr class="font-weight-boldest font-size-lg">
                                      <td class="pl-0 border-top-0">Mark</td>
                                      <td class="text-left border-top-0"><span class="text-right" style="font-weight:normal;">{!! $question->mark !!}</span></td>
                                  </tr>
                                  <tr class="font-weight-boldest font-size-lg">
                                      <td class="pl-0 border-top-0">Question Mode</td>
                                      <td class="text-left border-top-0"><span class="text-right" style="font-weight:normal;">{!! ucwords($question->question_mode) !!}</span></td>
                                  </tr>
                                  <tr class="font-weight-boldest font-size-lg">
                                      <td class="pl-0 border-top-0">Category</td>
                                        @php $cat = explode(',',$question->category); $str = '';

                                        @endphp
                                        @if((in_array(1,$cat)))
                                          @php $str = 'Key Word Test'; @endphp
                                        @endif
                                        @if((in_array(2,$cat)))
                                          @if($str!= '') 
                                            @php $str .= ', ';  @endphp
                                          @endif
                                          @php $str .= 'Formula Practice'; @endphp
                                        @endif
                                        @if((in_array(3,$cat)))
                                          @if($str!= '') 
                                            @php $str .= ', ';  @endphp
                                          @endif
                                          @php $str .= 'Converting Units'; @endphp
                                        @endif
                                        @if((in_array(4,$cat)))
                                          @if($str!= '') 
                                            @php $str .= ', ';  @endphp
                                          @endif
                                          @php $str .= 'Quiz Questions'; @endphp
                                        @endif
                                      <td class="text-left border-top-0"><span class="text-right" style="font-weight:normal;">{{ $str }}</span></td>
                                  </tr>
                              </tbody>
                          </table>
                      </div>
                  </div>
              
            </div>
            
         <!--end::Content-->
      
    </div>
</div>

<!--end::Content-->
@endsection