Я хочу добавить всплывающее подтверждение, когда пользователь нажимает добавить в корзину на woocommerce

Question

В основном я хочу показать всплывающее подтверждение, когда пользователь нажимает кнопку «Добавить в корзину» на странице одного продукта. Всплывающее окно будет отображаться, только если товара мало на складе. Он должен уведомить пользователя о том, что товар может быть заказан обратно, и для его доступности потребуется 2-3 недели. Если пользователь нажимает на кнопку «Продолжить» во всплывающем окне, продукт должен быть добавлен в корзину.

Я попробовал этот код ниже, и он не работает:

function add_the_validation( $passed ) {
    if ( $product->managing_stock()) {

        $currentStockQuantity  = $product->get_stock_quantity(); 
        $minStockLevel =    get_post_meta( get_the_ID(), 'minimum_stock_level', true );

        if( ! empty( $minStockLevel ) ) {

            if($currentStockQuantity < $minStockLevel)
            {
                wc_add_notice( __( ' <div id="stock-popup" class="my-overlay">
                    <div class="my-popup" >
                        <a class="close" href="#stock-popup">×</a>
                        <div class="content">
                            Currently it is out of stock. If you want to order this product we will restore within 7 to 15days. If YES please continue Add to Cart.<br>
                            <form action="" method="POST">
                             <input class="popup-button" type="submit" value="1" name="continue_add_to_cart">
                             <input class="popup-button" type="submit" value="1" name="cancel">
                            </form>
                        </div>
                    </div>
                </div>', 'woocommerce' ), 'error' );
            }
        }

    }
    return $passed;
}
add_action( 'woocommerce_add_to_cart_validation', 'add_the_validation', 10, 5 );