{% extends "base" %}
{% block content %}

<h1 class="bold">Ausfahrten</h1>
{% for day_with_trip in data %}
	{% set day = day_with_trip.day %}
	{% set day_string = day.day | date(format="%Y-%m-%d") %}
	{% set trips = day_with_trip.trips %}

  {% set cox = trips | filter(attribute="user.is_cox", value=true) %}
  {% set amount_cox = cox | length %}
  {% set cox_needed = amount_cox < day.planned_amount_cox %}

  <div class="bg-gray p-3 mb-1 data-block" data-needed="{{ cox_needed}}">
    <strong class="block">{{ day.day | date(format="%d.%m.%Y")}}</strong>

    {% if user.is_admin %}
		<details class="text-right" style="margin-top: -3rem;">
			<summary class="button">&#x270e;</summary>
			<form method="post" class="text-left" action="/day">
				<input type="hidden" name="_method" value="put" />
				<input type="hidden" name="day" value="{{ day_string }}" />
				<div class="row content-align-bottom">
					<div class="three columns">
						<label for="planned_amount_cox">Steuerpersonen</label>
						<input class="u-full-width" type="number" id="planned_amount_cox" name="planned_amount_cox" value="{{ day.planned_amount_cox }}">
					</div>
					<div class="three columns">
						<label for="planned_starting_time">Abfahrtszeit</label>
						<input class="u-full-width" type="time" id="planned_starting_time" name="planned_starting_time" value="{% if day.planned_starting_time %}{{ day.planned_starting_time }}{% else %}17:00{%endif%}">
					</div>
					<div class="three columns">
						<label for="open_registration">Registrierung offen</label>
						<input class="u-full-width" type="checkbox" id="open_registration" name="open_registration" {% if not day or day.open_registration %} checked="true" {% endif %}/>
					</div>
					<div class="three columns">
						<input class="button-primary" type="submit" value="Speichern">
					</div>

				</div>
			</form>
		</details>
	{% endif %}

    {% if day.planned_amount_cox > 0%}
      {% set rowers = trips | filter(attribute="user.is_cox", value=false) | sort(attribute="trip.created") %}
      {% if cox_needed %}
        {% set cox_left = day.planned_amount_cox - amount_cox %}
        <div class="block text-red">Es {{ cox_left | pluralize(singular="wird", plural="werden")}} noch {{ cox_left }} Steuerperson{{ cox_left | pluralize(plural="en")}} gesucht!</div>
      {% endif %}
      <strong class="block mt-1">Abfahrtszeit: {{ day.planned_starting_time }} Uhr</strong>

		  <div style="max-width: 75%">{{ trips | length }} angemeldete Person{{ trips | length | pluralize(plural="en") }}: {{ cox | length }} Steuerperson{{ cox | length | pluralize(plural="en") }} ({% for c in cox %}{{ c.user.name }} {% if c.user.name == user.name %}
          <form method="post" action="/register">
            <input type="hidden" name="_method" value="delete" />
            <input type="hidden" name="day" value="{{ day.day}}" />
            <input type="hidden" name="user" value="{{ c.user.id}}" />
            <input type="submit" value="Abmelden" style="float: left;" />
          </form>
		  {% endif %} {% endfor %}), {{ rowers | length }} Ruderer:</div>

      <ol style="max-width: 75%">
      {% for r in rowers %}
        <li>
          {{ r.user.name }} (angemeldet seit {{ r.trip.created }})
          {% if r.user.name == user.name %}
          <form method="post" action="/register">
            <input type="hidden" name="_method" value="delete" />
            <input type="hidden" name="day" value="{{ day.day}}" />
            <input type="hidden" name="user" value="{{ r.user.id}}" />

            <input type="submit" value="Abmelden" />
            
          </form>
          {% endif %}
        </li>
      {% endfor %}
      </ol>

      {% if day.open_registration or user.is_cox %}
        <details class="text-right" style="margin-top: -6rem;">
          <summary class="button">&plus;</summary>
          <form method="post" class="text-left" action="/register">
            <input type="hidden" name="_method" value="put" />
            <input type="hidden" name="day" value="{{ day_string }}" />
            <div class="row content-align-bottom">
              <div class="six columns">
                <label for="name">Name</label>
                <input class="u-full-width" type="text" id="name" name="name" value="{{ user.name }}" />
              </div>
              <div class="six columns">
                <input class="button-primary" type="submit" value="Speichern">
              </div>
            </div>
          </form>
        </details>
      {% else %}
        Anmeldung an diesem Tag leider nicht möglich (zB bei USI Kursen)
      {% endif %}
    {% else %}
      (Noch) keine Ausfahrt geplant
    {% endif %}
  </div>
{% endfor %}


{% if user.is_cox %}
	<a class="button button-primary light font-base mb-3" href="/?all">Alle heurigen Ausfahrten anzeigen</a>
{% endif %}

{% endblock content %}