{% extends "base.html" %}
{% import 'bootstrap/wtf.html' as wtf %}

{% block app_content %}
<h1>Student / professor profile page</h1>
        <div class="input-group form-group justify-content-center", style="font-size:20px">
                    		{{ wtf.form_field(forgot_password_form.email,  class="form-control input-lg", placeholder="email", style="font-size:16px") }}
  		</div>
  		<div class="sidenav">
  <div class="row">
      <div class="col-lg">
          <table class="table table-dark table-bordered">
              <thead>
                  <tr>
                      <th scope="col">#</th>
                      <th scope="col">Problem</th>
                      <th scope="col">Grade</th>
                  </tr>
              </thead>
              <tbody>
                  <tr>
                      <th scope="row">1</th>
                      <td>HelloWorld</td>
                      <td style="background-color: red;">N/A</td>
                  </tr>
                  <tr>
                      <th scope="row">2</th>
                      <td>Money</td>
                      <td style="background-color: red;">N/A</td>
                  </tr>
                  <tr>
                      <th scope="row">3</th>
                      <td>Minutes</td>
                      <td style="background-color: red;">N/A</td>
                  </tr>
                  <tr>
                      <th scope="row">4</th>
                      <td>Vowel Count</td>
                      <td style="background-color: red;">N/A</td>
                  </tr>
              </tbody>
          </table>
      </div>
  </div>
</div>

{% endblock %}