@props([
    'modalId' => 'deleteUnscr1267Modal',
    'title' => 'Delete UNSCR 1267 Record',
    'description' => 'You are about to delete this UNSCR 1267 record:',
    'name' => '',
    'deleteMethod' => 'deleteUnscr1267',
])

{{-- DELETE UNSCR 1267 MODAL --}}
<div wire:ignore.self class="modal fade" id="{{ $modalId }}" tabindex="-1" aria-hidden="true">

    <div class="modal-dialog modal-dialog-centered">

        <div class="modal-content">

            {{-- HEADER --}}
            <div class="modal-header">

                <h5 class="modal-title">
                    {{ $title }}
                </h5>

                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>

            </div>


            {{-- BODY --}}
            <div class="modal-body">

                <div class="text-center py-3">

                    <i class="bi bi-exclamation-triangle
                                    text-danger"
                        style="font-size: 48px;"></i>

                    <h5 class="mt-3">
                        Are you sure?
                    </h5>

                    <p class="text-muted mb-2">
                        {{ $description }}
                    </p>

                    <div class="fw-bold">
                        {{ $name ?: '-' }}
                    </div>

                    <div class="alert alert-danger mt-3 mb-0">
                        This action cannot be undone.
                    </div>

                </div>

            </div>


            {{-- FOOTER --}}
            <div class="modal-footer">

                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                    Cancel
                </button>

                <button type="button" class="btn btn-danger" wire:click="{{ $deleteMethod }}"
                    wire:loading.attr="disabled" wire:target="{{ $deleteMethod }}">

                    <span wire:loading.remove wire:target="{{ $deleteMethod }}">
                        Delete
                    </span>

                    <span wire:loading wire:target="{{ $deleteMethod }}">
                        Deleting...
                    </span>

                </button>

            </div>

        </div>

    </div>

</div>