38 lines
993 B
PHP
38 lines
993 B
PHP
<div x-data="{}"
|
|
x-init="$refs.dialog.addEventListener('close', () => $dispatch('close-modal-{{$name}}'))"
|
|
x-on:show-modal.window="
|
|
console.log($event)
|
|
if($event.detail[0] === '{{$name}}') {
|
|
$refs.dialog.showModal();
|
|
}
|
|
"
|
|
x-on:hide-modal.window="
|
|
if($event.detail[0] === '{{$name}}') {
|
|
$refs.dialog.close();
|
|
}
|
|
"
|
|
>
|
|
<dialog class="modal" x-ref="dialog" wire:ignore>
|
|
<div class="modal-box">
|
|
<form method="dialog">
|
|
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">
|
|
✕
|
|
</button>
|
|
</form>
|
|
|
|
@if(isset($title))
|
|
<h3 class="text-lg font-bold">{{$title}}</h3>
|
|
@endif
|
|
|
|
{{$slot}}
|
|
|
|
@if(isset($footer))
|
|
<div class="modal-action">
|
|
{{$footer}}
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
</dialog>
|
|
</div>
|