@extends('layouts.app')
@section('content')
@include('common/dashboard-top-nav')

<style type="text/css">
  .card-header {
    color: #fff;
    background-color: rgb(0, 102, 153);
  }
  .done-exam {
    border-color: #92B98D !important;
  }
  .done-exam:hover {
    background-color: #92B98D !important;
  }
</style>
<section id="profile_card">
  <div class="container">
    <div class="row">
      <div class="col-md">
          <div class="row blue_bg">
            <div class="col-md-4">
              @if(session('student_img_url'))
                <img src="{{ session('student_img_url') }}" alt="" class="rounded-circle profile_picture" width="160" height="160" />
              @else
                <img class="rounded-circle profile_picture" src="{{ url('/')}}/public/img/user_photo.png" alt="" width="160" height="160" />
              @endif
            </div>
            <div class="col-md-1"></div>
            <div class="col-md-6 offset prof_padding">
              <span class="student_name">{{ session('student_name') }}</span> <br/>
              <span class="student_id">{{ session('student_id') }}</span> <br/>
             
              <span class="class_name">Class- {{ session('class_row_id') }}</span><br/>
              <span class="schoo_name">{{ session('institution') }}</span>
              <span class="address">{{ session('address') }}</span>
            </div>
          </div>
      </div>
      <div class="col-md blue_bg">
        <div class="row text-center">
          <div class="col-md">
            <span class="status_title">Total Exam</span> <br/>
            <span class="status_count">
              @if(isset($student_exam_profile['total_exam']))
                {{ $student_exam_profile['total_exam'] }}
              @endif
            </span>

          </div>
          <div class="col-md">
            <span class="status_title">Exam Taken</span> <br/>
            <span class="status_count">
              @if(isset($student_exam_profile['total_taken_exam']))
                {{ $student_exam_profile['total_taken_exam'] }}
              @endif
            </span>
          </div>
          <div class="col-md">
            <span class="status_title">Not Taken</span> <br/>
            <span class="status_count">
              @if(isset($student_exam_profile['total_not_taken_exam']))
                {{ $student_exam_profile['total_not_taken_exam'] }}
              @endif
            </span>
          </div>
        </div>
        <div class="row">
          <div class="col-md-10 offset-md-1">
            <div class="progress">
              @if(isset($student_exam_profile['total_percentage']))
                <div class="progress-bar" role="progressbar" style="width:{{ $student_exam_profile['total_percentage'] }}%;" aria-valuenow="{{ $student_exam_profile['total_percentage'] }}" aria-valuemax="100">
                {{ $student_exam_profile['total_percentage'] }}%
                </div>
              @endif
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section id="exam_instruction">
  <div class="container">
    <div class="row">
      <div class="card">
        <div class="card-header">Instructions</div>
        <div class="card-body">
          <p class="card-text">Please verify that you have correctly logged in and relevant information appear correctly in the right –top corner of the monitor. The following table includes the test name, test marks, duration and other informative features. You have to attempt all the tests according to the following list. To begin the exam click the start button. No electronic device can be used. For any rough work you will be provided with paper and pencil.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Table Section -->

<section id="exam_table">
  <div class="container">
    <div class="row">
      <div class="col-md table_space text-center">
        <table class="table  table-hover table-borderless">
          <thead class="thbg">
            <tr>
              <th class="top-radius-left" scope="col">#</th>
              <th scope="col">Exam Title</th>
              <th scope="col">Topic</th>
              <th scope="col">Type</th>
              <th scope="col">Difficulty Level</th>
              <th scope="col">Total Quesions</th>
              <th scope="col">Total Time</th>
              <th scope="col">Total Marks</th>
              <th class="top-radius-right" scope="col">Status</th>
            </tr>
          </thead>
          <tbody class="" id=""> 
                        @foreach($exam_list as $data)
              @if($data->is_psychology == 0)
                <tr>
                  <td>{{ $count }}</td>
                  <td style="text-align: left;">{{ $data->exam_name }}</td>
                  <td>{{ $data->categoryname }}</td>
                  <td>MCQ</td>
                  <td>
                    @if($data->question_level == 1) {{ 'Foundation' }}
                    @elseif($data->question_level == 2) {{ 'Intermediate' }}
                    @elseif($data->question_level == 3) {{ 'Advance' }}
                    @else
                    {{ 'Standard' }}
                    @endif
                  </td>
                  <td>{{ $data->numberQuestion }}</td>
                  <td>{{ $data->examTime }} Minutes</td>
                  <td>{{ $data->numberQuestion }}</td>
                  <td>
                    @if(in_array($data->exam_row_id, $completed_exam_list))
                      <a href="{{ url('/') }}/examResult/details/{{ $data->exam_row_id}}/{{$student_current_id}}" class="btn done-exam">Results</a>
                    @else
                      <a href="{{ url('/') }}/exam_instruction/{{ $data->exam_row_id }}" class="btn exam_btn">Start</a>
                    @endif
                  </td>
                </tr>
              @else
                <tr>
                  <td>{{ $count }}</td>
                  <td style="text-align: left;">{{ $data->exam_name }}</td>
                  <td>{{ $data->categoryname }}</td>
                  <td>MCQ</td>
                  <td>{{ 'Standard' }}</td>
                  <td>{{ $data->numberQuestion }}</td>
                  <td>{{ $data->examTime }} Minutes</td>
                  <td>{{ $data->numberQuestion }}</td>
                  <td>
                    @if(in_array($data->exam_row_id, $completed_exam_list))
                      <a href="{{ url('/') }}/examResult/details/{{ $data->exam_row_id }}/{{$student_current_id}}" class="btn done-exam">Results</a>
                    @else
                      <a href="{{ url('/') }}/exam_instruction/{{ $data->exam_row_id }}" class="btn exam_btn">Start</a>
                    @endif
                  </td>
                </tr>
              @endif
               
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </div>
</section>

<script type="text/javascript">
  $(document).ready(function(){
      // function changecolor() {
      //     var colors = ["#B40404", "#0000FF", "#FE2E9A", "#FF0080", "#2EFE2E", ];
      //     var rand = Math.floor(Math.random() * colors.length);
      //     $('#controls-wrapper').css("background-color", colors[rand]);
      //     setTimeout('changecolor()', 1000);
      // }
      // changecolor();
  });

  
</script> 
@endsection