{% extends 'base.html' %}

{% block content %}

<div class="menu-detail">
  <h1>{{ menu.name }}</h1>
  <p>Art: {{ menu.art }}</p>
  <p>Price for Students: {{ menu.price_student }}€</p>
  <p>Price for Employees: {{ menu.price_employee }}€</p>
  <p>Price for Guests: {{ menu.price_guest }}€</p>
  <p>Allergens: {{ menu.get_allergens }}</p>
  <p>Types: {{ menu.get_types }}</p>
  <p>Rating: {{ menu.likes }}</p>
  <a href="{% url 'mensaviewer:like' menu.pk %}?next={{ request.path }}">Like</a>
  <a href="{% url 'mensaviewer:dislike' menu.pk %}?next={{ request.path }}">Dislike</a>
  <a href="{% url 'mensaviewer:comment' menu.pk %}">Comment</a>
  <div class="comments">
    {% for comment in menu.comments %}
    <div class="comment">
      <h3>{{ comment.username }}</h3>
      <p>{{ comment.comment }}</p>
    </div>
    {% endfor %}
  </div>
</div>

{% endblock %}