{% extends "django_comments_tree/base.html" %}
{% load i18n %}
{% load comments_tree %}

{% block title %}{% trans "Confirm your opinion" %}{% endblock %}

{% block header %}
<a href="{{ comment.content_object.get_absolute_url }}">{{ comment.content_object }}</a>
{% endblock %}

{% block content %}
<div class="mb-4">
    <h3 class="text-center">
        {% if already_disliked_it %}
        {% trans "You didn't like this comment, do you want to change it?" %}
        {% else %}
        {% trans "Do you dislike this comment?" %}
        {% endif %}
    </h3>
    <hr/>
</div>
<p class="lead text-center">{% trans "Please, confirm your opinion about the comment." %}</p>
<div class="row">
    <div class="offset-lg-1 col-lg-10">
        <div class="card mb-4">
            <div class="card-body">
                <div class="media pb-2">
                    {{ comment.user_email|tree_comment_gravatar }}
                    <div class="media-body">
                        <div class="comment">
                            <h6 class="mb-1 small">
                                {{ comment.submit_date|date:"N j, Y, P" }}&nbsp;-&nbsp;
                                {% if comment.user_url %}
                                <a href="{{ comment.user_url }}" target="_new">{% endif %}
                                    {{ comment.user_name }}
                                    {% if comment.user_url %}
                                </a>{% endif %}
                            </h6>
                            <p>{{ comment.comment }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {% with object_absolute_url=comment.content_object.get_absolute_url %}
        {% if object_absolute_url %}
        <p class="text-center">
            {% trans "Posted to "%}&nbsp;<a href="{{ object_absolute_url }}">{{ comment.content_object }}</a>
        </p>
        {% endif %}
        {% endwith %}
        <div class="visible-lg-block visible-md-block">
            <hr/>
        </div>
    </div>
</div>
<div class="row">
    <div class="offset-lg-1 col-lg-10">
        {% if already_disliked_it %}
        <div class="alert alert-warning text-center">
            {% trans 'Click on the "withdraw" button if you want to withdraw your negative opinion on this comment.' %}
        </div>
        {% endif %}
        <form action="." method="post" class="form-horizontal">{% csrf_token %}
            <input type="hidden" name="next" value="{{ comment.get_absolute_url }}">
            <div class="form-group">
                <div class="text-center">
                    {% if already_disliked_it %}
                    <input type="submit" name="submit" class="btn btn-warning" value="{% trans 'Withdraw' %}"/>
                    {% else %}
                    <input type="submit" name="submit" class="btn btn-primary" value="{% trans 'I dislike it' %}"/>
                    {% endif %}
                    <a class="btn btn-secondary" href="{{ comment.get_absolute_url }}">{% trans "cancel" %}</a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}
