{% extends "base.html" %}


{% block title %}Email Notifications{% endblock %}

{% block headerInfo %}
    <ul class="nav navbar-nav">
      <li>
        <p id="projectHeader" class="navbar-text text-primary">

        </p>
      </li>
    </ul>
{% endblock%}

{% block content %}

    <div class="page-header">
        <h1>Email Notifications</h1>
    </div>

    <div>

    {% for to_address, email, time in emails %}

    <div class='panel panel-primary'>
      <div class='panel-heading'>
        <h3 class='panel-title'>
          <div class='pull-right'>{{ time }}</div>
          <span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
          {{to_address}}
        </h3>
      </div>
      <div class='panel-body'>
        <pre> {{email}} </pre>
      </div>
    </div>

    {% else %}

    <p class="text-info">No emails recorded</p>

    {% endfor %}

    </div>

{% endblock %}