{% extends 'base.html' %}

{% block content %}

<div class="detail-container">
  <h1>{{ location.name }}</h1>
  <h3>City: {{ location.city }}</h3>
  <h3>ID: {{ location.mensa_id }}</h3>
  <a href="{% url 'mensaviewer:news_add' location.pk %}">Add News</a>
  <a href="{% url 'mensaviewer:menu_add' location.pk %}">Add Menu</a>
  <div class="related-items">
    <h2>News</h2>
    {% for news_article in location.news_articles %}
    <div class="news-article">
      <h3><a href="{% url 'mensaviewer:news_detail' news_article.pk %}">{{ news_article.title }}</a></h3>
    </div>
    {% endfor %}
  </div>
  <div class="related-items">
    <h2>Menus</h2>
    {% for menu in location.menus %}
    <div class="menu">
      <h3><a href="{% url 'mensaviewer:menu_detail' menu.pk %}">{{ menu.name }}</a></h3>
    </div>
    {% endfor %}
  </div>
</div>

{% endblock %}