<x-widgets.modal id="delete-single" wire:ignore.self data-bs-backdrop="static" data-bs-keyboard="false" title="Confirm Deletion" x-data="{ shipment: {} }" @shipment-deleting.window="shipment = $event.detail">
    Are you sure you want to delete shipment - <span class="fw-bold" x-text="shipment.tracking_code"></span>?
    <x-slot:footer>
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @shipment-deleted.window="$el.click()">No, Close</button>
        <x-form.submit class="btn-danger" target="delete_single" @click.prevent="$wire.delete_single(shipment.id)" text="Yes, delete" loading-text="Deleting..." />
    </x-slot:footer>
</x-widgets.modal>
