@if (count($onlineExamReport) > 0)
  <style>
  .right_answer {
    background-color: lightgreen;
    padding: 5px;
  }
  .wrong_answer {
    background-color:  #ff8080;
    padding: 5px;
  }
  </style>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-AMS_HTML"></script>
  
  <div class="table-responsive" id="view_Student_Report_table"></div>
  <div class="table-responsive">
    <h3 class="text-center">
      Total Students:
        @if (!empty($totalStudent))
          <span style="color: green;">{{ $totalStudent }}</span>
        @else
          <span style="color: red;">0</span>
        @endif

      In Exam :
        @if (!empty($inExam))
          <span style="color: green;">{{ $inExam }}</span>
        @else
          <span style="color: red;">0</span>
        @endif

      Absent :
        @if (!empty($absentStudent))
          <span style="color: red;">{{ $absentStudent }}</span>
        @else
          <span style="color: green;">0</span>
        @endif
    </h3>
    <table id="online_exam_report_table" class="table table-hover table-condensed table-bordered">
      <thead>
        <tr>
          <th>SL</th>
          <th>Student ID</th>
          <th>Student Name </th>
          <th>Roll</th>
          <th>Class</th>
          <th>Section</th>
          <th>Group</th>
          <th>Exam Type</th>
          <th>Exam Head</th>
          <th>Exam Attend Date / Time</th>
        </tr>
      </thead>
      <tbody>
        @if ($onlineExamReport->isNotEmpty())
          @foreach ($onlineExamReport as $key => $examReport)
            <tr>
              <td>{{ $key+1 }}</td>
              <td>{{ $examReport->system_generated_student_id}}</td>
              <td>{{ $examReport->student_name }}</td>
              <td>{{ $examReport->roll_no }}</td>
              <td>{{ $examReport->ClassName }}</td>
              <td>{{ $examReport->SectionName }}</td>
              <td>{{ $examReport->GroupName }}</td>
              <td>{{ $examReport->exam_type_name }}</td>
              <td>{{ $examReport->exam_head_name }}</td>
              <td>{{ $examReport->created_at }}</td>
            </tr>
          @endforeach
        @endif
      </tbody>
    </table>
  </div>
@else
  <h4 style="text-align: center;">Nothing to show!</h4>
@endif