<!DOCTYPE html>
<html>
<head>
    {% load static %}
    <title>Pariksha | Quiz Logs</title>
    <link rel="shortcut icon" href="{% static 'img/favicon.svg' %}" />

  <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="{% static 'assets/DataTables/datatables.min.css' %}"/>
  <script type="text/javascript" src="{% static 'assets/DataTables/datatables.min.js' %}"></script>
  <style>
      .table_wrapper {
          margin: auto;
          max-width: 1000px;
      }
  </style>
</head>
<body>
    <section class="table_wrapper">
    <table id="myTable">
        <thead>
            <th>Time</th><th>Student</th><th>Status</th><th>QuestionsAttempted</th>
        </thead>
        <tbody>
            {%for log in logs%}
                <tr><td>{{log.logtime}}</td><td>{{log.studentId}}</td><td>{{log.fullscreen}}</td><td>{{log.questions}}</td></tr>
            {%endfor%}
        </tbody>
    </table>
    </section>
    <script>
        $(document).ready( function () {
            $('#myTable').DataTable();
        } );
    </script>
    
</body>
</html>