@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_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_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_category_name }}</th>
            </tr>
          </thead>
          <tbody id="question_content">
            <tr class="">
                  <td class="" style="padding-top: 30px;" colspan="2">
                    <table class="table table-borderless mini_table text-center">
                      <thead class="thbg">
                        <tr class="">
                          <th class="finish_title" style="border-radius: 12px 12px 0px 0px;" scope="col">Congratulations</th>
                        </tr>
                      </thead>
                      <tbody class="">
                        <tr>
                          <td class="finish_description">You have successfully completed the test.</td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
                <tr class="">
                  <td class="text-center prev_nxt_btn" colspan="2">
                    <a href="{{ route('dashboard') }}" class="btn exam_btn next_btn">More Exam</a>
                  </td>
              </tr>
            </tbody>
        </table>
      </div>
    </div>
  </div>
</section>
<script type="text/javascript">
  $(document).ready(function(){
   history.pushState(null, null, location.href);
    history.back();
    history.forward();
    window.onpopstate = function () {
        history.go(1);
    };
    $(document).on("keydown", function (e) {
        if (e.key == "F5" || e.key == "F11" || 
            (e.ctrlKey == true && (e.key == 'r' || e.key == 'R')) || 
            e.keyCode == 116 || e.keyCode == 82) {
              e.preventDefault();
        }
    });
  });
</script>
@endsection