@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>
    @if($test->total_points == -1) 
    <form action="{{route('admin.save.grade',$test->id)}}" method="post" autocomplete="off"> 
        @csrf
        <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($response->question->qimgurl)
                                    <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
                            <input type="hidden" value="{{$response->question_id}}" name="answers[{{$key}}][question_id]" id="question_id" class="form-control">
                        </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">
                                    <div class="form-group">
                                        <!-- <label for="exampleFormControlInput1"> العلامة المستحقة</label> -->
                                        <input type="text" class="form-control" value="{{old('answers.$key.q_points')}}" name="answers[{{$key}}][q_points]" placeholder="العلامة المستحقة">
                                        @error('answers.'. $key . '.q_points')
                                            <small class="text-danger"> {{$message}}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif 
            @empty
                <code> لا يوجد أسئلة</code>
            @endforelse
                 
            <div class="form-footer text-center">
                <button type="submit" class="btn btn-primary btn-block">حفظ</button>
            </div>
           
        </div><!--table-responsive-->
    </form>
    @endif
@endsection