{% import "includes/macros" as macros %}
{% import "includes/forms/boat" as boat %}
{% extends "base" %}
{% block content %}
    <div class="max-w-screen-lg w-full dark:text-white">
        <h1 class="h1">Ergo Challenge</h1>
        <div class="grid ">
            <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5"
                 role="alert">
                <p class="px-3 pt-3">
                    Schön, dass du heuer bei der Ergo Challenge mitmachen willst!
                    Dafür benötigen wir 3 Daten: Geburtsjahr, Gewicht und Geschlecht.
                    {% if loggedin_user.weight %}Wir haben von dir schon Daten, bitte überprüfe (und aktualisiere) diese kurz:{% endif %}
                </p>
                <form action="/ergo/set-data" method="post" class="grid gap-3 p-3">
                    {{ macros::input(label="Geburtsjahr [YYYY]", name="birthyear", required=true, type="number", class="input rounded-md", value=loggedin_user.dob) }}
                    {{ macros::input(label="Gewicht [kg]", name="weight", required=true, type="number", class="input rounded-md", value=loggedin_user.weight) }}
                    <div>
                        <label for="sex" class="text-sm text-gray-600 dark:text-gray-100">Geschlecht</label>
                        <select name="sex" id="sex" class="input rounded-md" required>
                            <option disabled="disabled"
                                    {% if loggedin_user.sex != 'f' and loggedin_user.sex != 'm' %}selected="selected"{% endif %}>
                                Geschlecht auswählen
                            </option>
                            <option value="f"
                                    {% if loggedin_user.sex == 'f' %}selected="selected"{% endif %}>weiblich</option>
                            <option value="m"
                                    {% if loggedin_user.sex == 'm' %}selected="selected"{% endif %}>männlich</option>
                        </select>
                        <small class="block py-1">Du fühlst dich beim Geschlecht nicht angesprochen? Dann melde dich bitte direkt beim  Ergo-Christian, Kontaktmöglichkeit auf der nächsten Seite.</small>
                    </div>
                    <input type="submit" class="btn btn-primary" value="Abschicken" />
                </form>
            </div>
        </div>
    </div>
{% endblock content %}