{% 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 %}