{% extends 'side_block.html' %}
{% block block_title %}Shoutbox{% endblock %}
{% block block_content %}
<div id="shoutbox-shout-container">
   {% for shout in shouts %}
      <p>
      <span class="shoutbox-user">{{ shout.user.username }}:</span>
      <span class="shoutbox-shout">{{ shout.html|safe }}</span>
      <span class="shoutbox-date">{{ shout.shout_date|date:"D M d Y H:i:s" }}</span>
      </p>
   {% endfor %}
</div>
<center><a href="{% url shoutbox-history %}">Shout History</a></center>
{% if user.is_authenticated %}
<center>
<div>
   <input type="text" maxlength="2048" size="13" name="msg" value="" id="shoutbox-smiley-input" />
   <br />
   <input id="shoutbox-submit" type="submit" value="Shout" />
   <input id="shoutbox-smilies" type="button" value="Smilies" />
</div>
<div id="shoutbox-smiley-frame" style="display:none;">
<img id="shoutbox-busy-icon" src="{{ MEDIA_URL }}icons/ajax_busy.gif" alt="Please wait" />
</div>
</center>
{% else %}
<p>
Please <a href="{% url accounts-login %}">login</a> or
<a href="{% url accounts-register %}">register</a> to shout.
</p>
{% endif %}
{% endblock %}