{% extends 'base.html' %}

<br><br><br>

{% block content %}

<div class="panel panel-default">

  <div class="panel-heading">
    <strong>view list and search activity</strong>
  </div>

  <div class="panel-body">
    <h5 >Listing Activities</h5>

    <table border="1" class="table">

       <br>

       <tr style="background-color: #eee">
         <th>Actor</th>
         <th>Type</th>
         <th>When</th>
         <th>Description</th>
       </tr>

       {% for activity in activities %}

       <tr>
         <td>{{ activity.actor.name }}</td>
    		 <td>{{ activity.type }}</td>
    		 <td>{{ activity.when|date }}</td>
    		 <td>{{ activity.description }}</td>
       </tr>

       {% endfor %}

    </table>
  </div>
</div>

{% endblock %}