{% extends "django_comments_xtd/base.html" %}
{% load i18n %}
{% load comments_xtd %}

{% 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_liked_it %}
        {% trans "You liked this comment, do you want to change it?" %}
        {% else %}
        {% trans "Do you like 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|xtd_comment_gravatar }}
                    <div class="media-body">
                        <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>
        {% 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_liked_it %}
        <div class="alert alert-warning text-center">
            {% trans 'Click on the "withdraw" button if you want to withdraw your positive opinion on this comment.' %}
        </div>
        {% endif %}
        <div class="well well-lg">
            <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_liked_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 like it' %}"/>
                        {% endif %}
                        <a class="btn btn-secondary" href="{{ comment.get_absolute_url }}">{% trans "cancel" %}</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}