{% extends 'side_block.html' %}
{% load smiley_tags %}
{% block block_title %}Shoutbox{% endblock %}
{% block block_content %}
{% if shouts %}
<!--<div id="marqueecontainer" onmouseover="copyspeed=pausespeed" onmouseout="copyspeed=marqueespeed">-->
<div id="marqueecontainer">
<!--<div id="vmarquee" style="position: absolute; width: 98%; overflow:auto;">-->
   {# for shout in shouts reversed #}
   {% for shout in shouts %}
      <p>
      <span class="shoutbox-user">{{ shout.user.username }}:</span>
      <span class="shoutbox-shout">{{ shout.shout|smilify|urlizetrunc:15 }}</span>
      <span class="shoutbox-date">{{ shout.shout_date|date:"D M d Y H:i:s" }}</span>
      </p>
   {% endfor %}
<!--</div>-->
</div>
{% endif %}
<center><a href="{% url shoutbox-view page=1 %}">Shout History</a></center>
{% if user.is_authenticated %}
<center>
<form action="{% url shoutbox-shout %}" method="post">
   <input type="text" maxlength="2048" size="13" name="msg" value="" id="shoutbox-smiley-input" />
   <br />
   <input type="submit" value="Shout" />
   <input type="button" value="Smilies" onclick="sb_toggle_smilies();" />
</form>
<div id="shoutbox-smiley-frame" style="display:none;">
{% smiley_farm %}
</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 %}