{% import "includes/macros" as macros %}
{% import "includes/forms/log" as log %}
{% extends "base" %}
{% block content %}
    <div class="w-full">
        <h1 class="h1">Logbuch</h1>
        <div class="w-full grid lg:grid-cols-5 gap-3 mt-5">
            <div>
                <div class="bg-white dark:bg-primary-900 rounded-md hidden lg:block shadow">
                    <h2 class="h2">Boote</h2>
                    <div>{{ log::show_boats(only_ones=false) }}</div>
                </div>
            </div>
            <div class="lg:col-span-3">
                <div class="bg-white dark:bg-primary-900 rounded-md shadow">
                    <h2 class="h2">Neue Ausfahrt</h2>
                    <div class="p-3">{{ log::new(shipmaster=loggedin_user.id) }}</div>
                </div>
            </div>
            <div>
                <div class="bg-white dark:bg-primary-900 rounded-md shadow pb-2">
                    <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="cox" not in loggedin_user.roles) }}
                            {% elif "Vorstand" in loggedin_user.roles %}
                                {{ log::show(log=log, state="on_water", allowed_to_close=true, only_ones="cox" not in loggedin_user.roles) }}
                            {% 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>
                {{ macros::boatreservation() }}
            </div>
        </div>
    </div>
    {% if loggedin_user %}<script>var loggedin_user_id = "{{ loggedin_user.id }}";</script>{% endif %}
    <script src="/public/logbook.js"></script>
{% endblock content %}