
{% extends "base.html" %}

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

{% block extra_styles %}{% endblock %}

{% block content %}
<div class="ritual-container">
    <div class="ritual-header">
        <h1 class="ritual-title">Good Morning, Timmy.</h1>
        <p class="ritual-subtitle">Let's set your intentions for a calm and focused day.</p>
    </div>

    <form hx-post="/calm/ritual/morning" hx-swap="outerHTML" hx-target="body">
        <div class="mit-section">
            <h4>Your 1-3 Most Important Tasks (MITs) for today:</h4>
            <div class="form-group">
                <label for="mit1_title">MIT 1</label>
                <input type="text" id="mit1_title" name="mit1_title" placeholder="e.g., Finish report draft">
            </div>
            <div class="form-group">
                <label for="mit2_title">MIT 2 (optional)</label>
                <input type="text" id="mit2_title" name="mit2_title" placeholder="e.g., Prepare for client meeting">
            </div>
            <div class="form-group">
                <label for="mit3_title">MIT 3 (optional)</label>
                <input type="text" id="mit3_title" name="mit3_title" placeholder="e.g., Review team's code">
            </div>
        </div>

        <div class="form-group" style="margin-top: 30px;">
            <label for="other_tasks">Other tasks or intentions (one per line)</label>
            <textarea id="other_tasks" name="other_tasks" placeholder="e.g.,
Reply to emails
Schedule dentist appointment
Research new framework"></textarea>
        </div>

        <div class="form-actions">
            <button type="submit" class="btn-submit">Start My Day</button>
        </div>
    </form>
</div>
{% endblock %}
