add error and js

Author: ellynoize

src/include/class-wc-retailcrm-base.php

@@ -115,6 +115,7 @@ public function __construct($retailcrm = false)
             add_action('shutdown', [$this, 'create_order'], -2);
             add_action('wp_console_upload', [$this, 'console_upload'], 99, 2);
             add_action('wp_footer', [$this, 'add_retailcrm_tracking_script'], 102);
+            add_action('wp_footer', [$this, 'bonus_charge'], 103);
 
             //Tracker
             add_action('wp_ajax_retailcrm_get_cart_items_for_tracker', [$this, 'get_cart_items_for_tracker'], 99);
@@ -1679,6 +1680,31 @@ public function add_retailcrm_tracking_script() {
             }
         }
 
+        public function bonus_charge()
+        {
+            ?>
+                <script>
+                    jQuery(document).ready(function($) {
+                        $('.charge-button').on('click', function(e) {
+                            let bonusCount = document.getElementById('chargeBonus').value;
+                            let max = document.getElementById('hidden-count').textContent;
+
+                            if (bonusCount > max) {
+                                let error = document.getElementById('error');
+                                error.innerText = "Больше допустимого";
+                                error.hidden = false;
+                                error.style.color = 'red';
+
+                                return;
+                            }
+
+                            error.hidden = true;
+                        });
+                    });
+                </script>
+            <?php
+        }
+
         private function accessLog($prefixNonce = ''): void
         {
             if ($prefixNonce !== '') {

src/include/class-wc-retailcrm-loyalty.php

@@ -299,24 +299,26 @@ public function createLoyaltyCoupon($refreshCoupon = false)
 
             $html = sprintf(
                 '<div style="margin-bottom:15px padding-top:15px">
+                            <div id="hidden-count" hidden>%d</div>
                             <input type="number" id="chargeBonus" name="charge" value="0"/>
-                            <label style="%s" for="chargeBonus">%s</label>
-                            <button>Списать бонусы</button>
+                            <label for="chargeBonus">%s</label>
+                            <button type="button" class="charge-button">Списать бонусы</button>
+                            <div id="error" hidden></div>
                         </div>',
-                "",
+                        $lpDiscountSum / $lpChargeRate,
                 esc_html__('Введите кол-во бонусов для списания', 'woo-retailcrm')
             );
 
             $allowed_tags = [
-                'div' => ['style' => []],
+                'div' => ['style' => [], 'hidden' => [], 'id' => []],
                 'input' => [
                     'type'  => [],
                     'id'    => [],
                     'name'  => [],
                     'value' => [],
                 ],
                 'label' => ['for' => [], 'style' => []],
-                'button' => ['style' => []],
+                'button' => ['style' => [], 'type' => [], 'class' => []],
             ];
 
             echo wp_kses($html, $allowed_tags);