@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="#"><i class="fas fa-home"></i></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-center">{{ $exam_info->exam_name }}</h2>
      </div>
    </div>
  </div>
</section>

<!-- Exam Card Section -->
<section id="exam_card">
  <div class="container">
    <div class="row text-center exam_card_details">
      <div class="col-md">
        <div class="status_bg">
          <span class="status_title">Total Question</span> <br/>
          <span class="status_count">{{ $exam_info->total_question }}</span>
        </div>
      </div>
      <div class="col-md">
        <div class="status_bg">
          <span class="status_title">Total Marks</span> <br/>
          <span class="status_count">{{ $exam_info->total_question }}</span>
        </div>
      </div>
      <div class="col-md">
        <div class="status_bg">
          <span class="status_title">Total Time</span> <br/>
          <span class="status_count">{{ $exam_info->examTime }} Minutes</span>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Exam Instruction 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" class="top-radius">Exam Instruction</th>
            </tr>
          </thead>
          <tbody>
            <tr class="">
              <td class="exam_ins">
                @if(isset($exam_info->exam_instruction) && !empty($exam_info->exam_instruction))
                {!! $exam_info->exam_instruction !!}
                @endif
              </td>
            </tr>
            <tr class="text-right">
              <td class="exam_start_btn"><a href="{{ url('/') }}/start_exam/{{ $exam_info->exam_row_id }}" class="btn exam_btn">Start</a></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</section>

@endsection