2023-05-03 12:09:10 +00:00
|
|
|
@props([
|
2023-05-18 11:26:35 +00:00
|
|
|
'type' => $attributes->get('type') ?? 'button',
|
2023-05-09 09:33:50 +00:00
|
|
|
'disabled' => null,
|
2023-05-03 12:09:10 +00:00
|
|
|
'confirm' => null,
|
|
|
|
'confirmAction' => null,
|
2023-05-22 08:34:00 +00:00
|
|
|
'tooltip' => null,
|
2023-05-03 12:09:10 +00:00
|
|
|
])
|
2023-05-22 09:21:03 +00:00
|
|
|
@isset($tooltip)
|
|
|
|
<div class="tooltip tooltip-warning" data-tip="{{ $tooltip }}">
|
|
|
|
@endisset
|
2023-05-22 08:34:00 +00:00
|
|
|
@if ($type === 'submit')
|
|
|
|
<button {{ $attributes }} type="submit" @if ($disabled !== null) disabled @endif wire:target="submit"
|
|
|
|
wire:loading.delay.shorter.class="loading"
|
|
|
|
@isset($confirm)
|
2023-05-04 13:45:53 +00:00
|
|
|
x-on:click="toggleConfirmModal('{{ $confirm }}', '{{ explode('(', $confirmAction)[0] }}')"
|
2023-05-03 13:02:21 +00:00
|
|
|
@endisset
|
2023-05-22 08:34:00 +00:00
|
|
|
@isset($confirmAction)
|
2023-05-04 13:45:53 +00:00
|
|
|
x-on:{{ explode('(', $confirmAction)[0] }}.window="$wire.{{ explode('(', $confirmAction)[0] }}"
|
2023-05-03 13:02:21 +00:00
|
|
|
@endisset>
|
2023-05-22 08:34:00 +00:00
|
|
|
{{ $slot }}
|
|
|
|
</button>
|
|
|
|
@elseif($type === 'button')
|
|
|
|
<button {{ $attributes }} @if ($disabled !== null) disabled @endif type="button"
|
|
|
|
wire:target="{{ explode('(', $attributes->whereStartsWith('wire:click')->first())[0] }}"
|
|
|
|
wire:loading.delay.shorter.class="loading"
|
|
|
|
@isset($confirm)
|
2023-05-18 11:26:35 +00:00
|
|
|
x-on:click="toggleConfirmModal('{{ $confirm }}', '{{ explode('(', $confirmAction)[0] }}')"
|
|
|
|
@endisset
|
2023-05-22 08:34:00 +00:00
|
|
|
@isset($confirmAction)
|
2023-05-18 11:26:35 +00:00
|
|
|
x-on:{{ explode('(', $confirmAction)[0] }}.window="$wire.{{ explode('(', $confirmAction)[0] }}"
|
|
|
|
@endisset>
|
2023-05-22 08:34:00 +00:00
|
|
|
{{ $slot }}
|
|
|
|
</button>
|
|
|
|
@endif
|
|
|
|
|
2023-05-22 09:21:03 +00:00
|
|
|
@isset($tooltip)
|
|
|
|
</div>
|
|
|
|
@endisset
|