<x-filament::page>
    <form wire:submit.prevent="create" class="space-y-6">
        {{-- Form Section --}}
        <div class="filament-form space-y-6">
            {{ $this->form }}
        </div>

        <livewire:notification-sound />

        {{-- Livewire Component (Invoice Table) --}}
        <div class="bg-white shadow rounded-xl p-4">
            <livewire:serial-validation-data :invoice-data="$invoice_data" />
        </div>

        {{-- Actions --}}
        <div class="filament-actions mt-6">
            <x-filament::actions>
                @foreach ($this->getFormActions() as $action)
                    {{ $action }}
                @endforeach
            </x-filament::actions>
        </div>
    </form>
</x-filament::page>
