{% load thumbnail %}

<form action = '' id = 'comment-form' method = 'post' {% if not request.user.is_authenticated %}class = 'hide'{% endif %}>
    {% csrf_token %}
    <table>
        <tr>
            <td class = 'avatar'>
                {% if request.user.profile.mugshot %}
                    <img src = '{% thumbnail request.user.profile.mugshot 50x50 crop="center" %}'>
                {% else %}
                    <img src = '{{ STATIC_URL }}website/img/mugshot_default.jpg'>
                {% endif %}
            </td>
            <td>
                <h6>
                    <a href = '{{ request.user.profile.get_absolute_url }}'>{{ request.user.profile }}</a>
                </h6>
                {% for field in form %}
                    {{ field.errors }}
                    {{ field }}
                {% endfor %}
                <button class="button cta" data-loading-text="<span>Loading...</span>"><span>Kirim Komentar</span></button>  
            </td>
        </tr>
    </table>
</form>

<form action = '' id = 'reply-form' method = 'post' class = 'hide'>
    {% csrf_token %}
    <table>
        <tr>
            <td class = 'avatar'>
                {% if request.user.profile.mugshot %}
                    <img src = '{% thumbnail request.user.profile.mugshot 50x50 crop="center"  %}'>
                {% else %}
                    <img src = '{{ STATIC_URL }}website/img/mugshot_default.jpg'>
                {% endif %}
            </td>
            <td>
                <h6>
                    <a href = '{{ request.user.profile.get_absolute_url }}'>{{ request.user.profile }}</a>
                </h6>
                {% for field in form %}
                    {{ field.errors }}
                    {{ field }}
                {% endfor %}
                <button class="button cta" data-loading-text="<span>Loading...</span>"><span>Kirim Komentar</span></button>  
            </td>
        </tr>
    </table>
</form>