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

{% block content %}


<form>
    <div class="mb-3">
        <label for="name" class="form-label">Name der Gewohnheit</label>
        <input type="text" class="form-control" id="name" name="name">
    </div>
    <div class="mb-3">
        <label for="note" class="form-label">Beschreibung</label>
        <input type="text" class="form-control" id="note" name="note">
    </div>

    <div class="row">
        <div class="mb-3 col-2">
            <label for="times" class="form-label">Häufigkeit</label>
            <input type="number" min="1" class="form-control" id="times" name="times">
        </div>
        <div class="mb-3 col-10">
            <label for="note" class="form-label">Im Zeitraum</label>
            <select class="form-select" id="unit" name="unit">
                <option selected value="Woche">Woche</option>
                <option value="Tag">Tag</option>
                <option value="Monat">Monat</option>
                <option value="Jahr">Jahr</option>

            </select>
        </div>
    </div>

    <button type="submit" class="btn btn-primary">Submit</button>
</form>

{% endblock %}