{% extends 'layouts/main.html' %}

{% block content %}
<div class="card bg-light p-5 mt-5">
<h1>Gewohnheitsliste erstellen📋</h1>

<form action="/habit-list" method="POST">
    <div class="mb-3">
        <label for="name" class="form-label">Name der Liste</label>
        <input type="text" class="form-control {% if errors.get('name') %} is-invalid {% endif %}" id="name" name="name" value="{{name}}">
        <div class="invalid-feedback">
            {{ errors.get('name', '') }}
        </div>
    </div>
    <div class="mb-3">
        <label for="description" class="form-label">Beschreibung</label>
        <input type="text" class="form-control {% if errors.get('description') %} is-invalid {% endif %}" id="description" name="description" value="{{description}}">
        <div class="invalid-feedback">
            {{ errors.get('description', '') }}
        </div>
    </div>
    <button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
{% endblock %}