{% extends 'base.html' %}

{% block content %}

<div class="detail-container">
  <h1>{{ menu.name }}</h1>
  <p>Art: {{ menu.art }}</p>
  <p>Price for Students: {{ menu.get_price.Student }}</p>
  <p>Price for Employees: {{ menu.get_price.Employee }}</p>
  <p>Price for Guests: {{ menu.get_price.Guest }}</p>
  <p>Allergens: {{ menu.get_allergens }}</p>
  <p>Types: {{ menu.get_types }}</p>
  <p>Rating: {{ menu.likes }}</p>
  <p>Location and Date: {{ menu.location.city }} {{ menu.location.name }} | {{ menu.day }}</p>
  <a href="{% url 'mensaviewer:like' menu.id %}?next={{ request.path }}">Like</a>
  <a href="{% url 'mensaviewer:dislike' menu.id %}?next={{ request.path }}">Dislike</a>
  <a href="{% url 'mensaviewer:comment_add' menu.id %}">Comment</a>
  <div class="related-items">
    {% for comment in menu.comments %}
    <div class="comment">
      <h3>{{ comment.author }}</h3>
      <p>{{ comment.text }}</p>
    </div>
    {% endfor %}
  </div>
</div>

{% endblock %}