{% extends "core/base.html" %}
{% load msg_box %}

{% block content %}
  <script type="text/javascript">
    $('#alert_close').click(function () {
      $("#alert_box").fadeOut("slow", function () {
      });
    });
  </script>
  <a class="waves-effect waves-light btn green" href="{% url "menu_upload" %}"><i class="material-icons left">add</i>
    Neuen Speiseplan hochladen
  </a>
  <a class="waves-effect waves-light btn orange" href="{% url "menu_show_current" %}"><i class="material-icons left">picture_as_pdf</i>
    Aktuellen Speiseplan anzeigen
  </a>
  <h5>Übersicht der hochgeladenen Speisepläne</h5>
  <ul class="collection">
    {% for menu in menus %}
      <li class="collection-item ">
        <span class="title">{{ menu }}</span>
        <p>
          <a class="btn-flat waves-effect waves-green" href="/media/{{ menu.pdf }}" target="_blank">
            <i class="material-icons left">picture_as_pdf</i> Anzeigen
          </a>
          <a class="btn-flat delete-menu waves-effect waves-red" href="{% url "menu_delete"  menu.id %}">
            <i class="material-icons left">delete</i> Löschen
          </a>
        </p>
      </li>
    {% endfor %}
  </ul>
  <script type="text/javascript">
    $(".delete-menu").click(function (e) {
      if (!confirm("Wirklich löschen?")) {
        e.preventDefault();
      }
    })
  </script>
{% endblock %}