{% extends "base.html" %}
{% block title %}New Payment · Superior Finance{% endblock %}
{% block content %}
  <h1>New Payment</h1>
  {% if not babysteps %}
    <p class="empty">You need a babystep before you can log a payment. <a href="{{ url_for('new_babystep') }}">Create one first</a>.</p>
  {% else %}
    <form method="post">
      <label>Apply to babystep
        <select name="babystep_id" required>
          {% for step in babysteps %}
            <option value="{{ step.id }}">{{ step.title }} ({{ step.goal.title }})</option>
          {% endfor %}
        </select>
      </label>
      <label>Description
        <input type="text" name="description" placeholder="e.g. Paycheck 8/9" required>
      </label>
      <label>Amount ($)
        <input type="number" name="amount" min="1" required>
      </label>
      <button type="submit">Log Payment</button>
    </form>
  {% endif %}
{% endblock %}