{% extends "base.html" %}

{% block title %}Create Note - Notes App{% endblock %}

{% block content %}
<div class="card">
    <h2>Create New Note</h2>
    <form method="POST">
        <div class="form-group">
            <label for="title">Title:</label>
            <input type="text" id="title" name="title" required>
        </div>
        
        <div class="form-group">
            <label for="content">Content:</label>
            <textarea id="content" name="content" required></textarea>
        </div>
        
        <div class="flex-gap">
            <button type="submit" class="btn btn-success">Create Note</button>
            <a href="{{ url_for('notes.dashboard') }}" class="btn">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}