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

{% block content %}
<div class="card bg-light mt-4 p-5">
    <h1>{{ habit_list.name }}: {{ title }}</h1>
    <p>Lade Nutzer per ihrer E-Mail-Adresse ein</p>

    <form action="/users" method="POST">
        <div class="mb-3">
            <label for="email" class="form-label">E-Mail</label>
            <input type="text" placeholder="beispiel@cimeyclust.com"
                   class="form-control {% if errors.get('email') %} is-invalid {% endif %}" id="email" name="email"
                   value="{{email}}">
            <div class="invalid-feedback">
                {{ errors.get('email', '') }}
            </div>
        </div>

        <input hidden="hidden" name="habit_list_id" value="{{ habit_list.id }}">

        <!-- submit button -->
        <button type="submit" class="btn btn-primary">Einladen</button>
    </form>
</div>
{% endblock %}