{% extends "nav.html" %}

{% block content %}
<section class="section">
  <div class="container">
    <h1 class="title">Eventplanung</h1>

    <div class="box">
      <h5 class="title is-5">Allgemeines</h5>

      <div class="fixed-grid has-1-cols-mobile">
        <div class="grid content">
          <div class="cell is-col-span-2">
            <p><b>Name:</b> {{ event.name }}</p>
          </div>

          <div class="cell">
            <p><b>Datum:</b> {{ event.start|fmt_datetime(WeekdayDayMonthYear) }}</p>
          </div>

          <div class="cell">
            <p><b>Uhrzeit:</b> {{ event.start|fmt_datetime(HourMinute) }} Uhr - {{
              event.end|fmt_datetime(DayMonthYearHourMinute) }} Uhr</p>
          </div>

          <div class="cell is-col-span-2">
            <p><b>Veranstaltungsort:</b> {{ event.location.as_ref().unwrap().name }}</p>
          </div>

          <div class="cell">
            <p><b>Wachhabender:</b> {% if event.voluntary_wachhabender %}FF{% else %}BF{% endif %}</p>
          </div>

          <div class="cell">
            <p><b>Führungsassistent benötigt:</b> {% if event.voluntary_fuehrungsassistent %}ja{% else %}nein{% endif %}
            </p>
          </div>

          <div class="cell is-col-span-2">
            <p><b>Anzahl der Posten:</b> {{ event.amount_of_posten }}</p>
          </div>

          <div class="cell is-col-span-2">
            <p><b>Anzugsordnung:</b> {{ event.clothing.name }}</p>
          </div>

          <div class="cell is-col-span-2">
            <p><b>Anmerkungen:</b> {{ event.note.as_ref().unwrap_or(String::new()|ref) }}</p>
          </div>
        </div>
      </div>
    </div>

    <div class="box">
      <h5 class="title is-5">Einteilung Personal</h5>
      {% include "plan_personal_table.html" %}
    </div>

    <div class="box">
      <h5 class="title is-5">Einteilung Fahrzeuge</h5>
      <div id="vehicle-plan">
        {% include "plan_vehicles.html" %}
      </div>
    </div>

    <div class="control">
      <a class="button is-link is-light" hx-boost="true" href="/?date={{ event.start.date() }}">
        <svg class="icon">
          <use href="/static/feather-sprite.svg#arrow-left" />
        </svg>
        <span>Zurück</span>
      </a>
    </div>
  </div>
</section>
{% endblock %}