{% import "includes/macros" as macros %}
{% import "includes/forms/log" as log %}

{% extends "base" %}

{% block content %}

<div class="w-full">
  <h1 class="h1">Logbuch</h1>

  {% if flash %}
    {{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
  {% endif %}

  <div class="w-full grid md:grid-cols-5 gap-3 mt-5">
    <div class="bg-white rounded-md hidden md:block shadow">
      <h2 class="h2">Boote</h2>
      
      <div>
        {{ log::show_boats(only_ones=false) }}
      </div>
    </div>
    <div class="md:col-span-3 bg-white rounded-md shadow">
      <h2 class="h2">Neue Ausfahrt</h2>
      <div class="p-3">
        {{ log::new(only_ones=false, allow_any_shipmaster=true, shipmaster=-1) }}
      </div>
    </div>
    <div class="bg-white rounded-md shadow">
      <h2 class="h2">Am Wasser</h2>

      <div>
        {% for log in on_water %}
          {{ log::show(log=log, state="on_water", allowed_to_close=true, only_ones=false) }}
        {% endfor %}
      </div>
    </div>
  </div>
</div>

<script src="/public/logbook.js"></script>
{% endblock content%}