{% extends 'base.html.twig' %}
{% block title %}Add Personal Record{% endblock %}
{% block content %}

<div class="page-header">
    <div>
        <h1 class="page-title">Add Record</h1>
        <p class="page-sub">Salary, pension, net worth...</p>
    </div>
    <a href="{{ path('app_personal_index') }}" class="btn btn-ghost">← Back</a>
</div>

<div class="form-card">
    <form method="post" action="{{ path('app_personal_new') }}" class="notion-form">

        <div class="form-group">
            <label class="form-label">Type</label>
            <div class="pill-select">
                {% for label, value in types %}
                <input type="radio" id="type-{{ value }}" name="type" value="{{ value }}" class="pill-radio" {% if value == 'salary' %}checked{% endif %}>
                <label for="type-{{ value }}" class="pill">{{ label }}</label>
                {% endfor %}
            </div>
        </div>

        <div class="form-group">
            <label class="form-label">Amount (£)</label>
            <input type="number" name="amount" step="0.01" min="0" class="form-input form-input--lg" placeholder="0.00" required>
        </div>

        <div class="form-group">
            <label class="form-label">Date</label>
            <input type="date" name="date" class="form-input" value="{{ today }}">
        </div>

        <div class="form-group">
            <label class="form-label">Institution <span class="form-optional">(optional)</span></label>
            <input type="text" name="institution" class="form-input" placeholder="e.g. Employer, Pension provider...">
        </div>

        <div class="form-group">
            <label class="form-label">Note <span class="form-optional">(optional)</span></label>
            <input type="text" name="note" class="form-input" placeholder="Any extra context...">
        </div>

        <button type="submit" class="btn btn-primary btn-full">Save Record</button>
    </form>
</div>

{% endblock %}