{% 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.date.format("%d.%m.%Y") }}</p>
          </div>

          <div class="cell">
            <p><b>Uhrzeit:</b> {{ event.start_time.format("%R") }} Uhr - {{ event.end_time.format("%R") }} 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:</b> {% if event.voluntary_fuehrungsassistent %}FF{% else %}BF{% 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 }}</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>
</section>
{% endblock %}