feat(vip): Batch 2 pay-vip modal REST, JS, and CSS

inc/helpers/aksrt-vip.php

@@ -161,12 +161,16 @@ function aksrt_is_vip2(int $user_id = 0): bool {
  *
  * @return string
  */
-function aksrt_get_vip_badge_text(): string {
+function aksrt_get_vip_badge_text(int $user_id = 0): string {
     if (!class_exists('\AKSRT\Settings\Settings')) {
         return 'VIP';
     }
 
     $vip_settings = \AKSRT\Settings\Settings::get_payment_vip_settings();
+    $level = $user_id > 0 ? aksrt_get_user_vip_level($user_id) : 0;
+    if ($level >= 1 && !empty($vip_settings['levels'][$level]['name'])) {
+        return sanitize_text_field((string) $vip_settings['levels'][$level]['name']);
+    }
     return sanitize_text_field($vip_settings['badge_text'] ?? 'VIP');
 }
 
@@ -344,10 +348,12 @@ function aksrt_render_vip_badge(int $user_id = 0, string $size = 'sm'): string {
         return '';
     }
 
-    $badge_text = aksrt_get_vip_badge_text();
+    $level = aksrt_get_user_vip_level($user_id);
+    $badge_text = aksrt_get_vip_badge_text($user_id);
     $size_class = 'aksrt-vip-badge--' . $size;
+    $level_class = $level >= 2 ? 'aksrt-vip-badge--vip2' : 'aksrt-vip-badge--vip1';
 
-    return '<span class="aksrt-vip-badge aksrt-vip-badge--gold ' . esc_attr($size_class) . '"><i class="fas fa-crown"></i> ' . esc_html($badge_text) . '</span>';
+    return '<span class="aksrt-vip-badge aksrt-vip-badge--gold ' . esc_attr($size_class . ' ' . $level_class) . '"><i class="fas fa-crown"></i> ' . esc_html($badge_text) . '</span>';
 }
 
 /**
@@ -359,7 +365,7 @@ function aksrt_render_vip_badge(int $user_id = 0, string $size = 'sm'): string {
 function aksrt_get_vip_info(int $user_id = 0): array {
     $level      = aksrt_get_user_vip_level($user_id);
     $is_vip     = $level >= 1;
-    $badge_text = aksrt_get_vip_badge_text();
+    $badge_text = aksrt_get_vip_badge_text($user_id);
     $expires    = $user_id > 0 ? (int) get_user_meta($user_id, 'aksrt_vip_expires', true) : 0;
     $expires_label = __('未开通', 'aksrt');
     if ($level > 0) {