{% extends "base.html" %}

{% block title %}Create Tag - Finance Tracker{% endblock %}

{% block content %}
<div class="form-container">
    <div class="glass-card form-card">
        <h1>🏷️ Create Tag</h1>
        
        <form method="POST" class="form">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            
            <div class="form-group">
                <label for="name">Tag Name *</label>
                <input type="text" id="name" name="name" required autofocus placeholder="e.g., urgent, monthly, personal">
            </div>
            
            <div class="form-group">
                <label for="color">Color</label>
                <input type="color" id="color" name="color" value="#6366f1">
            </div>
            
            <div class="form-actions">
                <a href="{{ url_for('settings.index') }}" class="btn btn-secondary">Cancel</a>
                <button type="submit" class="btn btn-primary">💾 Create Tag</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}
