{% 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 %}
			<div class="w-full">
				{{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
			</div>
		{% endif %}
	
		<div class="w-full grid md:grid-cols-5 gap-3 mt-5">
			<div class="bg-white dark:bg-primary-900 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 dark:bg-primary-900 rounded-md shadow">
				<h2 class="h2">Neue Ausfahrt</h2>
				<div class="p-3">
					{{ log::new(only_ones=loggedin_user.is_cox==false, shipmaster=loggedin_user.id) }}
				</div>
			</div>
			<div class="bg-white dark:bg-primary-900 rounded-md shadow">
				<h2 class="h2">Am Wasser</h2>
	
				{% if on_water | length > 0 %}
					{% for log in on_water %}
						{% if log.shipmaster == loggedin_user.id %}
							{{ log::show(log=log, state="on_water", allowed_to_close=true, only_ones=loggedin_user.is_cox==false) }}
						{% else %}
							{{ log::show(log=log, state="on_water", only_ones=true) }}
						{% endif %}
					{% endfor %}
				{% else %}
					<p class="p-3 text-center text-black dark:text-white">Kein Boot am Wasser</p>
				{% endif %}
			</div>
		</div>
	</div>
	
	<script src="/public/logbook.js"></script>
{% endblock content%}