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

{% extends "base" %}

{% block content %}

	<div class="max-w-screen-lg w-full">
		<h1 class="h1">Boats</h1>
		{{ boat::new() }}

		<div class="bg-primary-100 p-3 rounded-b-md grid gap-4">
			{% for boat in boats %}
				{{ boat::edit(boat=boat, uuid=loop.index) }}
			{% endfor %}
		</div>

	</div>

{% endblock content %}