{% extends "base.html" %}

{% block content %}

<h2 class="page-title">Dashboard</h2>

<div class="dashboard-container">

    <div class="dash-card">
        <h3>New Journal Entry</h3>
        <p>Write your thoughts and get emotional feedback using AI.</p>
        <a href="/journal" class="dash-btn">Go to Journal</a>
    </div>

    <div class="dash-card">
        <h3>Mood History</h3>
        <p>View your emotional trends and patterns over time.</p>
        <a href="/mood_history" class="dash-btn">View History</a>
    </div>

</div>

{% endblock %}