InvoiceGenerator

Edit Template

Template Name

Re-Analyze / Replace Template

If you upload a new file, the AI will completely regenerate the HTML structure.

Converting PDF to Image... please wait.

Current/New Preview:

Raw HTML Structure (Advanced)

<div class="p-10 border border-gray-200 shadow-lg max-w-4xl mx-auto bg-white">
            <h1 class="text-2xl font-bold mb-4">Invoice #{{ $invoice->invoice_number }}</h1>
            <p>Date: {{ $invoice->issue_date->format("Y-m-d") }}</p>
            <div class="mt-8">
                <table class="w-full text-left">
                    <thead>
                        <tr class="border-b"><th class="py-2">Item</th><th class="py-2">Qty</th><th class="py-2">Price</th><th class="py-2">Total</th></tr>
                    </thead>
                    <tbody>
                        @foreach($invoice->items as $item)
                        <tr class="border-b">
                            <td class="py-2">{{ $item["description"] }} <div class="text-xs text-gray-500">{{ $item["code"] ?? "" }}</div></td>
                            <td class="py-2">{{ $item["quantity"] }}</td>
                            <td class="py-2">${{ number_format($item["unit_price"], 2) }}</td>
                            <td class="py-2">${{ number_format($item["total"], 2) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="mt-4 text-right font-bold text-xl">
                Total: ${{ number_format($invoice->total_amount, 2) }}
            </div>
        </div>

Be careful editing this directly. It contains Blade syntax.