why wouldn't this form submit button work?

<x-filament::modal slide-over id="create-payment" width="xl">
    <x-slot name="trigger">
        <x-filament::icon-button size="lg" icon="heroicon-o-currency-dollar" tooltip="Create payment" color="success" />
    </x-slot>

    <form wire:submit="create">
        {{ $this->form }}

        <x-slot name="footer">
            <x-filament::button type="submit" class="mt-2 " size="sm">
                Save
            </x-filament::button>

            <button type="button" wire:click="$dispatch('close-modal', { id: 'create-payment'} )" class="self-end rounded-md bg-white mt-10 px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">Close</button>
        </x-slot>
    </form>
    <x-filament-actions::modals />
</x-filament::modal>

<x-filament::modal slide-over id="create-payment" width="xl">
    <x-slot name="trigger">
        <x-filament::icon-button size="lg" icon="heroicon-o-currency-dollar" tooltip="Create payment" color="success" />
    </x-slot>

    <form wire:submit="create">
        {{ $this->form }}

        <x-slot name="footer">
            <x-filament::button type="submit" class="mt-2 " size="sm">
                Save
            </x-filament::button>

            <button type="button" wire:click="$dispatch('close-modal', { id: 'create-payment'} )" class="self-end rounded-md bg-white mt-10 px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">Close</button>
        </x-slot>
    </form>
    <x-filament-actions::modals />
</x-filament::modal>