{% extends "base.html" %}

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

{% block content %}
<div class="form-container">
    <div class="glass-card form-card">
        <h1>{{ _('category.create') }}</h1>
        
        <form method="POST" class="form">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            
            <div class="form-group">
                <label for="name">{{ _('category.name') }} *</label>
                <input type="text" id="name" name="name" required autofocus>
            </div>
            
            <div class="form-group">
                <label for="description">{{ _('category.description') }}</label>
                <textarea id="description" name="description" rows="3"></textarea>
            </div>
            
            <div class="form-group">
                <label for="color">{{ _('category.color') }}</label>
                <input type="color" id="color" name="color" value="#6366f1">
            </div>
            
            <div class="form-actions">
                <a href="{{ url_for('main.dashboard') }}" class="btn btn-secondary">{{ _('common.cancel') }}</a>
                <button type="submit" class="btn btn-primary">{{ _('category.create') }}</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}
