{% extends "base.html" %}

{% block page_title %}Check-in - How are you feeling?{% endblock %}

{% block content %}
<div class="container mt-5">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <h2 class="mb-4">How are you feeling?</h2>
            <form method="post">
                {% csrf_token %}
                <div class="d-grid gap-3">
                    {% for quality in qualities %}
                    <button type="submit" name="mood_quality" value="{{ quality.value }}"
                            class="btn btn-outline-primary btn-lg">
                        {{ quality.name }}
                    </button>
                    {% endfor %}
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}