{% extends "base" %}

{% block content %}
  <div class="max-w-screen-lg w-full grid gap-4">
    {% if flash %}
          {% if flash.0 == "success" %}
          <div class="bg-[#4ade80] text-white px-3 py-1 rounded-md text-center">
            {{ flash.1 }}
          </div>
          {% endif %}
          {% if flash.0 == "error" %}
          <div class="bg-[#f43f5e] text-white px-3 py-1 rounded-md text-center">
            {{ flash.1 }}
          </div>
          {% endif %}
    {% endif %}

    <h1 class="text-center text-3xl uppercase tracking-wide font-bold text-primary-900">Ausfahrten</h1>

    {% for day in days %}
    <div class="bg-white p-3 rounded-md">
      <h2 class="text-md font-bold mb-2 uppercase tracking-wide">{{ day.day| date(format="%d.%m.%Y") }}</h2>

      {% for planned_event in day.planned_events %}
        <h3>Planned event '{{ planned_event.name }}'</h3>
        Planned amount cox: {{ planned_event.planned_amount_cox }}<br />
        Allow guests: {{ planned_event.allow_guests }}<br />
        Planned starting time: {{ planned_event.planned_starting_time }}<br />
        Max people: {{ planned_event.max_people }}<br />
        Notes: {{ planned_event.notes }}<br />
        Folgende Steuerpersonen haben sich schon angemeldet:
        {% for cox in planned_event.cox %}
          {{ cox }}
          {% if cox == loggedin_user.name %}
            <a href="/cox/remove/{{ planned_event.id }}">ABMELDEN</a>
          {% endif %}
        {% endfor %}
        <br />

        Folgende Ruderer haben sich schon angemeldet:
        {% for rower in planned_event.rower%}
          {{ rower.name }} (angemeldet seit {{ rower.registered_at }})
          {% if rower.name == loggedin_user.name %}
            <a href="/remove/{{ planned_event.trip_details_id }}">ABMELDEN</a>
          {% endif %}
        {% endfor %}

        {% if planned_event.max_people > planned_event.rower | length %}
          <a href="/join/{{ planned_event.trip_details_id }}">MITRUDERN</a>
        {% endif %}


        {% if loggedin_user.is_cox %}
          <a href="/cox/join/{{ planned_event.id }}">STEUERN</a>
        {% endif %}

        {% if loggedin_user.is_admin %}
          <a href="/admin/planned-event/{{ planned_event.id }}/delete">DELETE</a>
        {% endif %}
      {% endfor %}


      {% for trip in day.trips %}
        <h3>Ausfahrt von {{ trip.cox_name }}</h3>
        Planned starting time: {{ trip.planned_starting_time }}<br />
        Max people: {{ trip.max_people }}<br />
        Notes: {{ trip.notes }}<br />
        Folgende Ruderer haben sich schon angemeldet:
        {% for rower in trip.rower %}
          {{ rower.name }} (angemeldet seit {{ rower.registered_at }})
          {% if rower.name == loggedin_user.name %}
            <a href="/remove/{{ trip.trip_details_id }}">ABMELDEN</a>
          {% endif %}
        {% endfor %}

        {% if trip.max_people > trip.rower | length  and trip.cox_id != loggedin_user.id %}
          <a href="/join/{{ trip.trip_details_id }}">MITRUDERN</a>
        {% endif %}
      {% endfor %}

      {% if loggedin_user.is_admin %}
        <h3>Add planned event</h3>
        <form action="/admin/planned-event" method="post">
          <input type="hidden" name="day" value="{{ day.day }}" />
          <input type="text" name="name" placeholder="name (e.g. USI)" />
          <input type="number" name="planned_amount_cox" placeholder="Anzahl Steuerleute" />
          Gäste <input type="checkbox" name="allow_guests"  />
          <input type="text" name="planned_starting_time" placeholder="Startzeit" />
          <input type="number" name="max_people" placeholder="Anzahl Ruderer" />
          <input type="text" name="notes" placeholder="Anmerkungen" />

          <input value="Anlegen" class="w-28 rounded-md bg-primary-600 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer" type="submit" />
        </form>
      {% endif %}

      {% if loggedin_user.is_cox%}
        <h3>Add trip</h3>
        <form action="/cox/trip" method="post">
          <input type="hidden" name="day" value="{{ day.day }}" />
          <input type="text" name="planned_starting_time" placeholder="Startzeit" />
          <input type="number" name="max_people" placeholder="Anzahl Ruderer" />
          <input type="text" name="notes" placeholder="Anmerkungen" />

          <input value="Anlegen" class="w-28 rounded-md bg-primary-600 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer" type="submit" />
        </form>
      {% endif %}


    </div>
    {% endfor %}
    </div>
</div>
{% endblock content %}