<x-ui.modal :title="__('payment_problems.close_title')" :subtitle="$label">
    {{-- Was das Schliessen WIRKLICH bedeutet, in einem Satz: die Automatik hört
         auf, das Geld bleibt offen. Ohne diesen Satz liest sich „Fall
         schliessen" wie „erledigt". --}}
    <x-ui.alert variant="warning">{{ __('payment_problems.close_warning') }}</x-ui.alert>

    <form id="close-dunning" wire:submit="confirm" class="mt-4">
        <x-ui.input name="note" wire:model="note"
                    :label="__('payment_problems.note')" :hint="__('payment_problems.close_note_hint')" />
    </form>

    <x-slot:footer>
        <x-ui.button variant="secondary" x-on:click="Livewire.dispatch('closeModal')">{{ __('common.cancel') }}</x-ui.button>
        <x-ui.button variant="primary" type="submit" form="close-dunning" wire:loading.attr="disabled">
            {{ __('payment_problems.close') }}
        </x-ui.button>
    </x-slot:footer>
</x-ui.modal>
