delete application + init confirm modal
This commit is contained in:
24
resources/views/components/confirm-modal.blade.php
Normal file
24
resources/views/components/confirm-modal.blade.php
Normal file
@@ -0,0 +1,24 @@
|
||||
<script>
|
||||
document.addEventListener('alpine:init', () => {
|
||||
Alpine.data('confirmModal', () => ({
|
||||
open: false,
|
||||
message: 'Are you sure?',
|
||||
toggleConfirmModal(customMessage) {
|
||||
this.message = customMessage
|
||||
this.open = !this.open
|
||||
},
|
||||
}))
|
||||
})
|
||||
</script>
|
||||
<div x-cloak x-show="open" x-transition.opacity class="fixed inset-0 bg-slate-900/75"></div>
|
||||
<div x-cloak x-show="open" x-transition class="fixed inset-0 z-50 flex pt-10">
|
||||
<div @click.away="open = false" class="w-screen h-20 max-w-xl mx-auto bg-black rounded-lg">
|
||||
<div class="flex flex-col items-center justify-center h-full">
|
||||
<div class="pb-5 text-white" x-text="message"></div>
|
||||
<div>
|
||||
<button x-on:click="open = false">Cancel</button>
|
||||
<button x-on:click="$dispatch('confirm')">Confirm</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user