{% extends "base.html" %}
{% load static %}

{% block title %}New Invoice - AI ML Operations{% endblock %}

{% block content %}
<div class="section">
    <div class="container">
        <div style="margin-bottom: 2rem;">
            <a href="{% url 'invoice_list' %}" class="btn">Back to Invoices</a>
        </div>
        <h1 class="section-title" style="text-align: left;">New one-off invoice</h1>
        <p style="color: var(--text-muted); margin-bottom: 1.5rem;">
            Creates a Stripe invoice (customer pays us) and optionally emails the pay link.
        </p>
        <div class="card" style="max-width: 640px;">
            <form method="post" action="{% url 'invoice_new' %}">
                {% csrf_token %}
                {{ form.as_p }}
                <button type="submit" class="btn" style="margin-top: 1rem;">Create &amp; send</button>
            </form>
        </div>
    </div>
</div>
{% endblock %}