{% 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_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">
          <img src="{{ comment.user_email|xtd_comment_gravatar_url }}"
               width="48" height="48" class="mr-3">
          <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 %}
