@extends('layouts.admin-master')

@section('title')
      استعراض الاختبار : 
      <span class="text-warning"> {{$test->exam->name}} </span>، 
      الخاص بالطالب : 
      <span class="text-warning">{{$test->user->name}}</span>
@endsection
@section('styles')
    <style>

    
    .table th,
    .table td {
        text-align: center;
    vertical-align: middle !important;
  
    }
    </style>
@endsection
@section('content')
    <h6>عرض الأسئلة والأجابات</h6>
   
    <div class="table-responsive">
   
                @forelse($test->responses as $key=>$response) 
                    @if($response->question->qtype_id == 1)
                        <div class="card mb-5">
                            <div class="card-header">
                                {{ $loop->iteration }} - {{$response->question->question ?? ''}}
                                @if(isset($response->question->qimgurl) && ($response->question->qimgurl != NULL) )
                                        <img src="{{asset('storage/exams/'.$test->exam_id.'/qattachments/'.$response->question->id.'/'.$response->question->qimgurl)}}" width="503px" height="66px" class="my-2">
                                @endif
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-3">
                                        الإجابة :
                                    </div>
                                    <div class="col-md-9">
                                        {{$response->option->option ?? ''}}
                                        @if(isset($response->option->oimgurl) && ($response->option->oimgurl != NULL) )
                                            
                                                <img src="{{asset('storage/exams/'.$test->exam_id.'/oattachments/'.$response->option->oimgurl)}}"  style="width:151px;height:46px;" class="img-responsive"/>
                                            
                                        @endif
                                    </div>
                                </div>
                                
                            </div>
                            <div class="card-footer">
                                <div class="row">
                                    <div class="col-md-3">
                                        العلامة  :
                                    </div>
                                    <div class="col-md-9">
                                        {{$response->q_points}}
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    @else
                    <div class="card mb-5">
                        <div class="card-header">
                            {{ $loop->iteration }} - {{$response->question->question ?? ''}}
                            @if($response->question->qimgurl)
                                <div>
                                    <img src="{{asset('storage/exams/'.$test->exam_id.'/qattachments/'.$response->question->id.'/'.$response->question->qimgurl)}}" width="503px" height="66px" class="my-2">
                                </div>
                            @endif
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-3">
                                    الإجابة :
                                </div>
                                <div class="col-md-9">
                                    {{$response->option->option?? ''}}
                                    <div class="form-group">
                                        <p name="studant_answer" id="studant_answer" disabled >{{$response->option_text}}</p>
                                    </div>
                                   
                                </div>
                            </div>
                            
                        </div>
                        <div class="card-footer">
                            <div class="row">
                                <div class="col-md-3">
                                    العلامة  :
                                </div>
                                <div class="col-md-9">
                                    {{$response->q_points}}
                                </div>
                                
                            </div>
                        </div>
                    </div>
                    @endif 
                @empty
                  <code> لا يوجد اختبارات</code>
                @endforelse
                <div class="card mb-5">
                    <div class="card-footer bg-info">
                        <div class="row text-danger">
                            <div class="col-md-3">
                            العلامة الكلية
                            </div>
                            <div class="col-md-9">
                            {{$test->total_points}}
                            </div>
                        </div>
                    </div>
                </div>
           
    </div><!--table-responsive-->

   
@endsection