
{% extends "base.html" %}

{% block title %}Evening Ritual - Timmy Calm{% endblock %}

{% block extra_styles %}{% endblock %}

{% block content %}
<div class="ritual-container">
    <div class="ritual-header">
        <h1 class="ritual-title">Good Evening, Timmy.</h1>
        <p class="ritual-subtitle">Reflect on your day and prepare for tomorrow.</p>
    </div>

    <form hx-post="/calm/ritual/evening" hx-swap="outerHTML" hx-target="body">
        <div class="form-group">
            <label for="evening_reflection">Evening Reflection</label>
            <textarea id="evening_reflection" name="evening_reflection" placeholder="What went well today? What could be improved?" rows="5">{{ journal_entry.evening_reflection if journal_entry else '' }}</textarea>
        </div>

        <div class="form-group">
            <label for="gratitude">Gratitude</label>
            <input type="text" id="gratitude" name="gratitude" placeholder="What are you grateful for today?" value="{{ journal_entry.gratitude if journal_entry else '' }}">
        </div>

        <div class="form-group">
            <label for="energy_level">Energy Level (1-10)</label>
            <input type="number" id="energy_level" name="energy_level" min="1" max="10" placeholder="e.g., 7" value="{{ journal_entry.energy_level if journal_entry else '' }}">
        </div>

        <div class="form-actions">
            <button type="submit" class="btn-submit">Complete Evening Ritual</button>
        </div>
    </form>
</div>
{% endblock %}
