{% extends 'base.html' %}
{% load avatar_tags %}
{% load script_tags %}
{% block custom_css %}
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/shoutbox_app.css" />
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/pagination.css" />
{% endblock %}
{% block custom_js %}
{% script_tags "jquery-jeditable" %}
<script type="text/javascript" src="{{ STATIC_URL }}js/shoutbox_app.js"></script>
{% endblock %}
{% block title %}Shout History{% endblock %}
{% block content %}
<h2>Shout History</h2>
{% if page.object_list %}
{% include 'core/pagination.html' %}

<div class="shoutbox-history">
<table>
{% for shout in page.object_list %}
{% include "shoutbox/shout_detail.html" %}
{% endfor %}
</table>
</div>

{% include 'core/pagination.html' %}
{% else %}
<p>No shouts at this time.</p>
{% endif %}
{% endblock %}