{% extends "base.html" %}
{% load static %}

{% block "content" %}
  <h1>{{ suggestion.title }}</h1>

  <div id="game_infos">
    {% if suggestion.image %}
    <img src="{{ suggestion.image.url }}" alt="{{ suggestion.title }}"/>
    {% endif %}

    <div id="details">
      <p><i class="fa fa-fw fa-money" aria-hidden="true"></i> <a href="{{ suggestion.buy_link }}" rel="nofollow">{{ suggestion.price }} €</a></p>
      <hr/>
      <p><i class="fa fa-fw fa-users" aria-hidden="true"></i> {{ suggestion.get_player_range }}</p>
      <p><i class="fa fa-fw fa-clock-o" aria-hidden="true"></i> {{ suggestion.duration|default:"(Durée de jeu inconnue)" }}
      <hr/>
      <p><i class="fa fa-fw fa-bookmark" aria-hidden="true"></i> {% if suggestion.category %}<a href="{{ suggestion.category.get_absolute_url }}">{{ suggestion.category }}</a>{% else %}(Pas de catégorie){% endif %}</p>
      <p><i class="fa fa-fw fa-tags" aria-hidden="true"></i> 
        {% for tag in suggestion.tags.all %}
          <a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if not forloop.last %},{% endif %}
        {% empty %}
          (Aucun tag)
        {% endfor %}
      </p>
      <hr/>
      <p><i class="fa fa-fw fa-wrench" aria-hidden="true"></i> {{ suggestion.game_designer|default:"(Game designer inconnu·e)" }}</li>
      <p><i class="fa fa-fw fa-paint-brush" aria-hidden="true"></i> {{ suggestion.illustrator|default:"(Illustrateur·trice inconnu·e)" }}</li>
      <p><i class="fa fa-fw fa-cogs" aria-hidden="true"></i> {{ suggestion.editor|default:"(Éditeur inconnu)" }}</p>
    </div>
  </div>

  <h2>Votes pour cette suggestion</h2>
  {% if suggestion.upvoting_users.count %}
  <p>Actuellement, {{ suggestion.upvoting_users.count }} {{ suggestion.upvoting_users.count|pluralize:"personne aimerait,personnes aimeraient" }} avoir ce jeu dans la ludothèque.</p>
  {% else %}
  <p>Pour l'instant, personne n'est intéressé par ce jeu.</p>
  {% endif %}
  {% if request.user.is_authenticated %}
  {% if request.user in suggestion.upvoting_users.all %}
  <p>Vous faites partie des personnes intéressées.</p>
  <a class="button" href="{% url "suggestions:downvote_suggestion" suggestion.slug %}"><i class="fa fa-thumbs-down" aria-hidden="true"></i> Annuler mon vote pour l'achat de ce jeu</a>
  {% else %}
  <a class="button" href="{% url "suggestions:upvote_suggestion" suggestion.slug %}"><i class="fa fa-thumbs-up" aria-hidden="true"></i> Voter pour acheter ce jeu</a>
  {% endif %}
  {% else %}
  <p><a href="{% url "accounts:login" %}?next={{ request.get_full_path }}">Connectez-vous</a> pour voter pour une suggestion.</p>
  {% endif %}

  {% if suggestion.description %}
  <h2 id="description">Description</h2>
  {{ suggestion.description|linebreaks }}
  {% endif %}

  <h2>Avis et commentaires</h2>
  {% url "suggestions:add_suggestion_comment" suggestion.slug as add_comment_url %}
  {% include "comments.html" with comments=suggestion.comments.all %}
{% endblock %}
