{% extends "nav.html" %}

{% block content %}
<section class="section">
  <div class="container">
    <div class="level">
      <div class="level-left">
        <a class="button is-link level-item" href="/?date={{ date.pred() }}">&larr;</a>
      </div>
      <div class="control level-item is-flex-grow-0">
        <input class="input" type="date" value="{{ date }}">
      </div>
      <div class="level-right">
        <a class="button is-link level-item" href="/?date={{ date.succ() }}">&rarr;</a>
      </div>
    </div>
  </div>
</section>

<section class="section">
  <div class="container">
    <div class="level">
      <div class="level-left">
        <h3 class="title is-3">
          Events am {{ date.format("%d.%m.%Y") }}
        </h3>
      </div>
      <div class="level-right">
        <a class="button" href="/event/new">Neues Event für diesen Tag</a>
      </div>
    </div>

    {% if events.len() == 0 %}
    <div class="box">
      <h5 class="title is-5">keine Events geplant</h5>
    </div>
    {% else %}
    {% for event in events %}
    <div class="box">
      <h5 class="title is-5">{{ event.name }}</h5>
    </div>
    {% endfor %}
    {% endif %}
  </div>
</section>

<section class="section">
  <div class="container">
    <div class="level">
      <div class="level-left">
        <h3 class="title is-3">
          Verfügbarkeiten am {{ date.format("%d.%m.%Y") }}
        </h3>
      </div>
      <div class="level-right">
        <a class="button" href="/availabillity/new?date={{ date }}">Neue Verfügbarkeit für diesen Tag</a>
      </div>
    </div>

    {% if events.len() == 0 %}
    <div class="box">
      <h5 class="title is-5">keine Verfügbarkeiten eingetragen</h5>
    </div>
    {% else %}
    {% for availabillity in availabillities %}
    <div class="box">
      <h5 class="title is-5">{{ availabillity.user_id }}</h5>
    </div>
    {% endfor %}
    {% endif %}

  </div>
</section>
{% endblock %}