{% load thumbnail static %}
<ul {% if level %}class = 'children {{ level }}'{% endif %}>
   
    <li>
        <div class = 'comment-wrapper' data-id = '{{ comment.id }}' >
            <div class = 'avatar'>
                {% if comment.user.profile.mugshot %}
                    <a href='{{ comment.user.profile.get_absolute_url }}' name='{{ comment.id }}'>
                        <img src = '{% thumbnail comment.user.profile.mugshot 50x50 crop="center" %}'>
                    </a>
                {% else %}
                    <a href='{{ comment.user.profile.get_absolute_url }}' name='{{ comment.id }}'>
                        <img src = '{% get_static_prefix %}website/img/mugshot_default.jpg'>
                    </a>
                {% endif %}
            </div>
            <h6><a href = '{{ comment.user.profile.get_absolute_url }}' name='{{ comment.id }}'>{{ comment.user.profile }}</a></h6>
            <div class = 'comment-body'>
                {{ comment.content|linebreaksbr }}
            </div>
            <div class = 'comment-footer'>
                <span>{{ comment.created|date:'H:i A j M Y' }}</span> 
                {% if comment.get_level < 1 %}<a href = '#' class = 'reply'>Reply</a>{% endif %}
                <a href = '{{ comment.get_add_flag_url }}' class = 'report'>Lapor Penyalahgunaan</a>
            </div>
        </div>
    </li>
</ul>