{% load comments i18n %}
<form action="{% comment_form_target %}" method="post" id='comment_form' class="grid_12">
    {% csrf_token %}
    <fieldset class="comment">
        <legend>{% trans "New Comment" %}</legend>
        {% if user.is_authenticated %}
        <p style="display:none">
            {{form.honeypot}} {{form.honeypot.label}}
            {% for field in form.hidden_fields %}{{ field }}{% endfor %}
            <input type="hidden" name="next" value="{{ next|default:request.path_info }}"/>
        </p>
        <div class="comment">
            <div class="comment_picture"><img class="avatar"
                                              src="{% if user.get_profile.thumbnail %}{{user.get_profile.thumbnail.url}}{% else %}{{STATIC_URL}}img/unknown_thumbnail.png{% endif %}"
                                              alt=""/></div>
            <header class="comment_header">
                <h3><a href="{{ user.get_profile.get_absolute_url }}" class="user">{{user}}</a></h3>

                <p class="submit_date">{% trans 'now' %}</p>
            </header>
            <div class="comment_text">{{form.comment}}</div>
        </div>
        <p class="buttonbar">
            <button type="submit" name="preview"><img src="{{ STATIC_URL }}icons/comment_edit.png"
                                                      alt="{% trans 'Preview' %}"/> {% trans "Preview" %}
            </button>
            <button type="submit" name="submit"><img src="{{ STATIC_URL }}icons/comment_add.png"
                                                     alt="{% trans 'Post' %}"/> {% trans "Post" %}
            </button>
        </p>
        {% else %}
        <div class="comment">
            <div class="comment_picture"><img class="avatar"
                                              src="{{STATIC_URL}}img/unknown_thumbnail.png"
                                              alt=""/></div>
            <header class="comment_header">
                <h3>{% trans "not logged in" %}</h3>
            </header>
            <div class="comment_text">
                <textarea disabled="disabled" cols="40" rows="10">
 {% blocktrans %}Register now, or Login to leave a comment here.{% endblocktrans %}
                </textarea>
            </div>
        </div>
        <p class="buttonbar">
            <a href="{% url 'membership-register' %}" class="button"><img src="{{STATIC_URL}}icons/user_add.png" alt=""/> {% trans 'register' %}</a>
            <a href="{% url 'login' %}?next={{ request.path_info|urlencode }}" class="button"><img src="{{STATIC_URL}}icons/lock_break.png" alt=""/> {% trans 'login' %}</a>
        </p>
        {% endif %}
    </fieldset>
</form>