<div
    class="modal fade"
    id="deleteReferral"
    tabindex="-1"
    aria-labelledby="deleteLevelModalLabel"
    aria-hidden="true"
>
    <div class="modal-dialog modal-md modal-dialog-centered">
        <div class="modal-content site-table-modal">
            <div class="modal-body popup-body">
                <button
                    type="button"
                    class="btn-close"
                    data-bs-dismiss="modal"
                    aria-label="Close"
                ></button>
                <div class="popup-body-text centered">
                    <div class="info-icon">
                        <i icon-name="alert-triangle"></i>
                    </div>
                    <div class="title">
                        <h4>Are you sure?</h4>
                    </div>
                    <p>
                        You want to delete <strong class="target"></strong>?
                    </p>

                    <div class="action-btns">
                        <form action="" method="post" id="level-delete">
                            @method('DELETE')
                            @csrf

                            <input type="hidden" name="type" class="level-type">

                            <button type="submit" class="site-btn-sm primary-btn me-2">
                                <i icon-name="check"></i>
                                {{ __('Confirm') }}
                            </button>
                            <a href="" class="site-btn-sm red-btn" type="button" data-bs-dismiss="modal"
                               aria-label="Close"><i icon-name="x"></i>Cancel</a>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
