@extends('layouts.app')
@section('content')
@include('common/dashboard-top-nav')
<!-- Breadcrumb Selection -->
<section id="breadcrmb">
  <div class="container">
    <div class="row">
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="#">IMATAP</a></li>
          <li class="breadcrumb-item"><a href="#">Exams</a></li>
          <li class="breadcrumb-item active" aria-current="page">{{ $exam_info->exam_name }}</li>
        </ol>
      </nav>
    </div>
  </div>
</section>

<!-- Exam Title Section-->
<section id="exam_title">
  <div class="container">
    <div class="row">
      <div class="col md">
        <h2 class="text-left">{{ $exam_info->exam_name }}</h2>
      </div>
    </div>
  </div>
</section>

<!-- Exam Table Section -->
<section id="exam_table_description">
  <div class="container">
    <div class="row">
      <div class="col-md">
        <table class="table table-borderless">
          <thead>
            <tr>
              <th scope="col" colspan="2" class="top-radius">{{ $exam_info->categoryname }}</th>
            </tr>
          </thead>
          <tbody id="question_content">
            <tr class="">
               <td class="" style="padding-top:30px; padding-bottom:30px;" colspan="2">
                 <!-- Table for Summary -->
                    <table class="table  table-hover table-borderless mini_table">
                      <thead class="thbg">
                        <tr class="">
                          <th style="text-align:center;" class="" style="border-radius: 12px 0px 0px 0px;" scope="col">Total Question</th>
                          <th style="text-align:center;" scope="col">Correct Answer</th>
                          <th style="text-align:center;" scope="col">Wrong Answer</th>
                          <th style="text-align:center;" scope="col">Marks</th>
                          <th style="text-align:center;" scope="col" style="border-radius: 0px 12px 0px 0px;">Marks in %</th>
                        </tr>
                      </thead>
                      <tbody class="" id="">
                        <tr>
                          <td style="text-align:center;">{{ $exam_result_row_details->total_questions }}</td>
                          <td style="text-align:center;">{{ $exam_result_row_details->total_correct_answer }}</td>
                          <td style="text-align:center;">{{ $exam_result_row_details->total_wrong_answer }}</td>
                          <td style="text-align:center;">{{ $exam_result_row_details->total_marks }}</td>
                          <td style="text-align:center;">{{ $exam_result_row_details->percentage_obtained }}%</td>
                        </tr>
                      </tbody>
                    </table>
                <table class="table  table-hover table-borderless mini_table">
                  <thead class="thbg">
                    <tr class="">
                      <th class="" style="border-radius: 12px 0px 0px 0px;" scope="col">#</th>
                      <th scope="col" width="45%">Question</th>
                      <th scope="col">Your Answer</th>
                      <th scope="col">Status</th>
                      <th scope="col" style="border-radius: 0px 12px 0px 0px;">Correct Answer</th>
                    </tr>
                  </thead>
                   <tbody class="" id="">
                                        @foreach($exam_result_rows as $exam_result_row)
                                        <tr>
                      <td>{{ $serial_no }}</td>
                      <td width="45%">
                        {!! $exam_result_row->question_title !!}
                        @if(isset($exam_result_row->question_mimetype) && ($exam_result_row->question_mimetype == 2) && isset($exam_result_row->question_title_attachment) && !empty($exam_result_row->question_title_attachment))
                        <img src="{{ asset('/') }}public/question_attachment/{{$exam_result_row->question_title_attachment}}" alt="" style="max-width:500px;">
                        @endif
                      </td>
                      <td>
                        @if(isset($exam_result_row->answer_type) && ($exam_result_row->answer_type == 2))
                          <img src="{{ asset('/') }}public/question_attachment/{{$exam_result_row->student_answer}}" style="max-width:500px;" alt="">
                        @else
                          {!! $exam_result_row->student_answer !!}
                        @endif
                      </td>
                      <td>
                        @if($exam_result_row->student_answer_status)
                          <i class="fa fa-check-square correct_answer"></i>
                        @else
                          <i class="fa fa-window-close wrong_answer"></i>
                        @endif
                      </td>
                      <td>
                        @if($exam_result_row->is_correct_answer == 1)
                          @if(isset($exam_result_row->answer_type) && ($exam_result_row->answer_type == 2))
                            <img src="{{ asset('/') }}public/question_attachment/{{$exam_result_row->answer_1}}" style="max-width:500px;" alt="">
                          @else
                            {!! $exam_result_row->answer_1 !!}
                          @endif
                        @elseif($exam_result_row->is_correct_answer == 2)
                          @if(isset($exam_result_row->answer_type) && ($exam_result_row->answer_type == 2))
                            <img src="{{ asset('/') }}public/question_attachment/{{$exam_result_row->answer_2}}" style="max-width:500px;" alt="">
                          @else
                            {!! $exam_result_row->answer_2 !!}
                          @endif
                        @elseif($exam_result_row->is_correct_answer == 3)   
                          @if(isset($exam_result_row->answer_type) && ($exam_result_row->answer_type == 2))
                            <img src="{{ asset('/') }}public/question_attachment/{{$exam_result_row->answer_3}}" style="max-width:500px;" alt="">
                          @else
                            {!! $exam_result_row->answer_3 !!}
                          @endif
                        @elseif($exam_result_row->is_correct_answer == 4)   
                          @if(isset($exam_result_row->answer_type) && ($exam_result_row->answer_type == 2))
                            <img src="{{ asset('/') }}public/question_attachment/{{$exam_result_row->answer_4}}" style="max-width:500px;" alt="">
                          @else
                            {!! $exam_result_row->answer_4 !!}
                          @endif
                        @endif
                      </td>
                    </tr>
                    @endforeach
                   </tbody>
                </table>
               </td>                 
            </tr>
            </tbody>
          
          <thead>
            <tr>
              <th scope="col" colspan="2" class="fedbk_head">Comment</th>
            </tr>
          </thead>
          <tbody>
            <tr class="">
              <td class="overview_padding" colspan="2">
                <p class="auto_feedback">{{$comment}}</p>
              </td>
              <tr class="">
                <td class="text-center prev_nxt_btn overview_padding" colspan="">
                  <a href="{{ route('dashboard') }}" class="btn exam_btn prev_btn">All Results</a>
                </td>
              </tr>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</section>