InvoiceGenerator

Re-Analyze / Replace Template

If you upload a new file (image, PDF, or Word document), the AI will completely regenerate the HTML structure.

Raw HTML Structure (Advanced)

<div class="max-w-4xl mx-auto px-4 py-8">
    <div class="flex justify-between items-center mb-4">
        <img src="logo-url" alt="Logo" class="h-6">
        <div class="text-yellow-600 font-semibold text-lg">Final Details for Order #{{ $invoice->invoice_number }}</div>
    </div>
    <div class="text-sm mb-8">
        <div>Order Placed: {{ $invoice->issue_date->format('Y-m-d') }}</div>
        <div>Order Total: £{{ $invoice->total_amount }}</div>
    </div>
    <div class="mb-4 border-b-2 border-black pb-1">Dispatched on {{ now()->format('d M Y') }}</div>
    <table class="w-full mb-8">
        <thead class="text-left text-sm font-medium">
            <tr>
                <th class="py-1">Items Ordered</th>
                <th class="py-1 text-right">Price</th>
            </tr>
        </thead>
        <tbody>
            @foreach($invoice->items as $item)
            <tr class="text-sm">
                <td class="py-2">
                    <div>{{ $item['quantity'] }} of: {{ $item['description'] }}</div>
                    <div class="text-xs">Condition: New</div>
                </td>
                <td class="py-2 text-right">
                    £{{ $item['total'] }}
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
    <div class="text-sm mb-4">
        <div><span class="font-semibold">Shipping Address:</span></div>
        <div>{{ $invoice->recipient_info['name'] ?? '' }}</div>
        <div>{{ $invoice->recipient_info['address'] ?? '' }}</div>
        <div>Shipping Speed: Premium Delivery</div>
    </div>
    <div class="border-t-2 border-black pt-4 mt-8">
        <div class="font-semibold mb-2">Payment Information</div>
        <div class="flex justify-between text-sm">
            <div>
                <div>Payment Method:</div>
                <div>Gift Certificate</div>
                <div>Mastercard/EuroCard ending in 6635</div>
                <div>Invoice Address:</div>
                <div>{{ $invoice->recipient_info['name'] ?? '' }}</div>
                <div>{{ $invoice->recipient_info['address'] ?? '' }}</div>
            </div>
            <div class="text-right">
                <div>Item(s) Subtotal: £160.57</div>
                <div>Postage & Packing: £0.00</div>
                <div>Total Before VAT: £160.57</div>
                <div>VAT: £5.55</div>
                <div class="font-semibold">Total: £166.12</div>
                <div>Gift Card Amount: -£166.12</div>
            </div>
        </div>
    </div>
</div>

Be careful editing this directly. It contains Blade syntax.

Invoice Numbering Pattern

Configure how invoice numbers are generated for this template. The pattern is auto-detected from the original invoice image, but you can override it here.

Pattern Template

Tokens: {YEAR} {MONTH} {DAY} {SEQ:N} (N = zero-pad width)

Simple Prefix (fallback)

Used when no pattern is set.

Starting Number

First invoice starts at this number.

Zero Padding Width

E.g. 4 → 0001, 0002, ...

Preview next invoice number:

—

Date Format

Choose how dates are displayed on invoices using this template. Auto-detected from the original invoice image.

Date Format

Applies to issue date and due date on rendered invoices.

Today's date preview:

2026-03-20

Edit Template

Re-Analyze / Replace Template

Invoice Numbering Pattern

Date Format