<x-ui.modal :title="__('payment_problems.extend_title')" :subtitle="$label">
    <p class="text-sm text-muted">{{ __('payment_problems.extend_body') }}</p>

    <form id="extend-dunning" wire:submit="confirm" class="mt-4 space-y-4">
        <div class="w-32">
            <x-ui.input name="days" type="number" min="1" max="90" wire:model="days"
                        :label="__('payment_problems.extend_days')" />
        </div>
        <x-ui.input name="note" wire:model="note"
                    :label="__('payment_problems.note')" :hint="__('payment_problems.extend_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="extend-dunning" wire:loading.attr="disabled">
            {{ __('payment_problems.extend') }}
        </x-ui.button>
    </x-slot:footer>
</x-ui.modal>
