PluginProbe ʕ •ᴥ•ʔ
Cookiebot by Usercentrics – Automatic Cookie Banner for GDPR/CCPA & Google Consent Mode / trunk
Cookiebot by Usercentrics – Automatic Cookie Banner for GDPR/CCPA & Google Consent Mode vtrunk
4.7.2 4.7.1 trunk 2.3.0 2.4.0 2.4.1 2.4.2 2.5.0 3.0.0 3.0.1 3.1.0 3.10.0 3.10.1 3.11.1 3.11.2 3.11.3 3.2.0 3.3.0 3.3.1 3.4.0 3.4.1 3.4.2 3.5.0 3.6.0 3.6.1 3.6.2 3.6.5 3.6.6 3.7.0 3.7.1 3.8.0 3.9.0 4.0.0 4.0.1 4.0.2 4.0.3 4.1.0 4.1.1 4.2.0 4.2.1 4.2.10 4.2.11 4.2.12 4.2.13 4.2.14 4.2.2 4.2.3 4.2.4 4.2.5 4.2.6 4.2.7 4.2.8 4.2.9 4.3.0 4.3.1 4.3.10 4.3.11 4.3.12 4.3.2 4.3.3 4.3.4 4.3.5 4.3.6 4.3.7 4.3.7.1 4.3.8 4.3.9 4.3.9.1 4.4.0 4.4.1 4.4.2 4.5.0 4.5.1 4.5.10 4.5.11 4.5.2 4.5.3 4.5.4 4.5.5 4.5.6 4.5.7 4.5.8 4.5.9 4.6.0 4.6.1 4.6.2 4.6.3 4.6.4 4.6.5 4.6.6 4.6.7 4.7.0
cookiebot / src / view / admin / common / dashboard-page.php
cookiebot / src / view / admin / common Last commit date
prior-consent 1 year ago templates 3 months ago dashboard-cookiebot.php 7 months ago dashboard-page-old.php 3 months ago dashboard-page-session-expired.php 10 months ago dashboard-page-static.php 10 months ago dashboard-page.php 7 months ago dashboard-trial-expired.php 10 months ago network-settings-page.php 4 months ago ppg-page.php 3 months ago settings-page.php 3 months ago support-page.php 9 months ago
dashboard-page.php
469 lines
1 <?php
2
3 use cybot\cookiebot\lib\Cookiebot_WP;
4 use cybot\cookiebot\settings\templates\Header;
5 use cybot\cookiebot\settings\templates\Main_Tabs;
6 use cybot\cookiebot\settings\pages\Settings_Page;
7 use function cybot\cookiebot\lib\asset_url;
8
9 /**
10 * @var array $template_args Array containing all template variables
11 */
12
13 $header = new Header();
14 $main_tabs = new Main_Tabs();
15
16 $header->display();
17 ?>
18
19
20 <div class="cb-body">
21
22 <!-- Banner container for proper alignment -->
23 <div class="banner-container">
24 <?php if ( Cookiebot_WP::get_subscription_type() === 'Free' ) : ?>
25 <div class="header-top-banners free-plan-banner">
26 <div class="banner-content">
27 <img src="<?php echo \esc_url( asset_url( 'img/icons/bolt.svg' ) ); ?>" alt="Bolt Icon">
28 <div>
29 <h3><?php echo esc_html__( "You're on the Free plan. Upgrade now to unlock your full site experience.", 'cookiebot' ); ?></h3>
30 <p><?php echo esc_html__( 'Upgrade for higher session limits, custom branding, and features that help you deliver a better experience on your site.', 'cookiebot' ); ?></p>
31 </div>
32 </div>
33 <div class="upgrade-free-plan">
34 <a href="https://account.usercentrics.eu/subscription/<?php echo isset( $template_args['user_data']['subscriptions']['active']['subscription_id'] ) ? esc_attr( $template_args['user_data']['subscriptions']['active']['subscription_id'] ) . '/' : ''; ?>manage" target="_blank" class="upgrade-now-link">
35 <h3><?php echo esc_html__( 'Upgrade now', 'cookiebot' ); ?> <span class="upgrade-chevron">&rsaquo;</span></h3>
36 </a>
37 </div>
38 </div>
39 <?php endif; ?>
40 <!-- Trial expiration notice -->
41 <?php
42 $trial_expired = Cookiebot_WP::is_trial_expired();
43 $upgraded = Cookiebot_WP::has_upgraded();
44
45 if ( $trial_expired && ! $upgraded ) :
46 ?>
47 <div class="header-top-banners trial-expired-banner">
48 <div class="banner-content">
49 <img src="<?php echo \esc_url( asset_url( 'img/icons/clock-icon.svg' ) ); ?>"
50 alt="Clock Icon">
51 <div>
52 <h3><?php echo esc_html__( 'Your premium trial is over', 'cookiebot' ); ?></h3>
53 <p>
54 <?php echo esc_html__( 'Reactive your banner to regain full access to your account and display the cookie banner on your website.', 'cookiebot' ); ?>
55 </p>
56 </div>
57 </div>
58 <div class="upgrade-expired-trial">
59 <a href="https://account.usercentrics.eu/subscription/<?php echo isset( $template_args['user_data']['subscriptions']['active']['subscription_id'] ) ? esc_attr( $template_args['user_data']['subscriptions']['active']['subscription_id'] ) . '/' : ''; ?>manage" target="_blank" style="text-decoration: none; color: inherit;">
60 <h3><?php echo esc_html__( 'Reactivate banner', 'cookiebot' ); ?> <span class="upgrade-chevron">&rsaquo;</span></h3>
61 </a>
62 </div>
63 </div>
64 <?php endif; ?>
65
66 <!-- Banner is live notice -->
67 <?php
68 $banner_dismissed = get_option( 'cookiebot_banner_live_dismissed', false );
69
70 if ( ! empty( $template_args['cbid'] ) && ! empty( $template_args['user_data'] ) && ! $banner_dismissed && ! Cookiebot_WP::has_upgraded() ) :
71 ?>
72 <div class="header-top-banners banner-live-banner" id="banner-live-notice">
73 <div class="banner-content">
74 <img src="<?php echo \esc_url( asset_url( 'img/icons/check-white.svg' ) ); ?>"
75 alt="Check Icon">
76 <div>
77
78 <!-- <h3>Well done! Your <a href="<?php echo esc_url( site_url() ); ?>" target="_blank" class="banner-live-link" onclick="window.trackAmplitudeEvent('Banner Live Viewed', { settingsId: '<?php echo esc_js( $template_args['cbid'] ); ?>' });">banner is live</a>.</h3> -->
79 <h3>Well done! Your <a href="<?php echo esc_url( site_url() ); ?>" target="_blank" class="banner-live-link">banner is live</a>.</h3>
80 <p>
81 <?php
82 echo esc_html__( 'Choose your plan to stay live: pick our Free plan or upgrade to Premium for full control.', 'cookiebot' );
83 ?>
84 <!-- <a href="https://account.usercentrics.eu/subscription/<?php echo isset( $template_args['user_data']['subscriptions']['active']['subscription_id'] ) ? esc_attr( $template_args['user_data']['subscriptions']['active']['subscription_id'] ) . '/' : ''; ?>manage" target="_blank" style="text-decoration: underline; color: inherit;" onclick="window.trackAmplitudeEvent('Choose Plan Link Clicked', { price_plan: '<?php echo esc_js( $template_args['user_data']['subscriptions']['active']['price_plan'] ? $template_args['user_data']['subscriptions']['active']['price_plan'] : '' ); ?>', account_id: '<?php echo esc_js( $template_args['cbid'] ); ?>' });"><?php echo esc_html__( 'Choose plan', 'cookiebot' ); ?></a> -->
85 <a href="https://account.usercentrics.eu/subscription/<?php echo isset( $template_args['user_data']['subscriptions']['active']['subscription_id'] ) ? esc_attr( $template_args['user_data']['subscriptions']['active']['subscription_id'] ) . '/' : ''; ?>manage" target="_blank" style="text-decoration: underline; color: inherit;">
86 <?php echo esc_html__( 'Choose plan', 'cookiebot' ); ?>
87 </a>
88 </p>
89 </div>
90 </div>
91 <button class="banner-close-btn" aria-label="Close banner" id="banner-close-btn">
92 <span aria-hidden="true">×</span>
93 </button>
94 </div>
95 <?php endif; ?>
96
97
98 </div>
99
100 <div class="cb-wrapper">
101 <?php $main_tabs->display( 'dashboard' ); ?>
102
103 <div class="dashboard-grid <?php echo ! empty( $template_args['cbid'] ) ? 'has-cbid' : ''; ?>">
104
105 <!-- Main Content Area -->
106 <div class="dashboard-grid-row">
107 <div class="gray-box">
108 <div class="header-section-no-margin">
109 <img src="<?php echo \esc_url( asset_url( 'img/icons/set-up-icon.svg' ) ); ?>" alt="Usercentrics Logo">
110 <h1><?php echo \esc_html__( 'Set up your cookie banner', 'cookiebot' ); ?></h1>
111 </div>
112 <div class="header-section">
113 <?php if ( empty( $template_args['user_data'] ) ) : ?>
114 <p class="subtitle">
115 <?php echo esc_html__( 'Get your site GDPR-compliant in', 'cookiebot' ); ?>
116 <strong><?php echo esc_html__( 'just a few clicks.', 'cookiebot' ); ?></strong>
117 <?php echo esc_html__( 'Enter your email, verify it, and create your password.', 'cookiebot' ); ?>
118 </p>
119 <?php endif; ?>
120 </div>
121
122 <!-- Steps Container -->
123 <div class="steps-container">
124 <!-- Activate your banner step -->
125 <div class="step-box <?php echo ! empty( $template_args['cbid'] ) ? 'completed' : ''; ?>">
126 <div class="step-row">
127 <?php if ( ! empty( $template_args['cbid'] ) && ! empty( $template_args['user_data'] ) ) : ?>
128 <div class="step-icon">
129 <img src="<?php echo \esc_url( asset_url( 'img/icons/check-mark.svg' ) ); ?>" alt="Checkmark">
130 </div>
131 <div class="step-content">
132 <h2><?php echo \esc_html__( 'Activate your banner', 'cookiebot' ); ?></h2>
133 </div>
134 <span class="done-status">Done!</span>
135 <?php else : ?>
136 <div class="step-icon">
137 <div class="empty-circle"></div>
138 </div>
139 <div class="step-content">
140 <h2><?php echo \esc_html__( 'Get your banner live in seconds', 'cookiebot' ); ?></h2>
141 </div>
142 <?php endif; ?>
143 </div>
144
145 <?php if ( empty( $template_args['user_data'] ) || empty( $template_args['cbid'] ) && ! empty( $template_args['scan_id'] ) ) : ?>
146 <div class="banner-preview-container">
147 <div class="divider"></div>
148 <p class="step-description">
149 <?php echo \esc_html__( 'Instant setup & automatic cookie blocking', 'cookiebot' ); ?><br>
150 <?php echo \esc_html__( '14 days of all-access premium features (no card needed)', 'cookiebot' ); ?><br>
151 <?php echo \esc_html__( 'Keep it live afterwards on our Free plan or upgrade any time', 'cookiebot' ); ?>
152 </p>
153 <div class="banner-images">
154 <?php
155 $banner1_url = asset_url( 'img/banner-getting-started1.png' );
156 $banner2_url = asset_url( 'img/banner-getting-started2.png' );
157 $arrow_url = asset_url( 'img/banner-arrow.png' );
158 ?>
159 <img src="<?php echo \esc_url( $banner1_url ); ?>"
160 alt="Banner Preview 1"
161 class="banner-image">
162 <img src="<?php echo \esc_url( $banner2_url ); ?>"
163 alt="Banner Preview 2"
164 class="banner-image">
165 </div>
166 <div class="activate-container">
167 <button id="get-started-button" class="cb-btn cb-primary-btn cb-get-started-btn">
168 <?php echo esc_html__( 'Activate free banner', 'cookiebot' ); ?>
169 </button>
170 <img src="<?php echo \esc_url( $arrow_url ); ?>"
171 alt="arrow"
172 class="banner-arrow">
173 </div>
174
175 <div>
176 <div class="cb-general__info__text">
177 <span class="note-text"><?php echo esc_html__( 'Already have a Cookiebot or Usercentrics account?', 'cookiebot' ); ?></span>
178
179 <a href="<?php echo esc_url( add_query_arg( 'page', Settings_Page::ADMIN_SLUG, admin_url( 'admin.php' ) ) ); ?>"
180 class="note-link">
181 <span><?php esc_html_e( 'Connect account', 'cookiebot' ); ?></span>
182 </a>
183 </div>
184 </div>
185 </div>
186 <?php endif; ?>
187 </div>
188
189 <!-- Scan website step - only show when CBID exists -->
190 <?php if ( ! empty( $template_args['user_data'] ) && ! empty( $template_args['cbid'] ) ) : ?>
191 <div class="step-box">
192 <div class="step-row">
193 <div class="step-icon">
194 <?php if ( $template_args['scan_status'] === 'DONE' ) : ?>
195 <img src="<?php echo \esc_url( asset_url( 'img/icons/check-mark.svg' ) ); ?>" alt="Checkmark">
196 <?php else : ?>
197 <div class="empty-circle"></div>
198 <?php endif; ?>
199 </div>
200 <div class="step-content">
201 <h2><?php echo \esc_html__( 'Scan your website', 'cookiebot' ); ?></h2>
202 </div>
203 <div class="step-status">
204 <?php
205 switch ( $template_args['scan_status'] ) {
206 case 'IN_PROGRESS':
207 ?>
208 <span class="in-progress-status">
209 <img src="<?php echo \esc_url( asset_url( 'img/icons/clock-icon.svg' ) ); ?>" alt="Clock Icon">
210 In Progress
211 </span>
212 <?php
213 break;
214 case 'DONE':
215 ?>
216 <span class="done-status">Done!</span>
217 <?php
218 break;
219 default:
220 ?>
221 <span class="failed-status">
222 Failed
223 </span>
224 <?php
225 }
226 ?>
227 <?php if ( $template_args['scan_status'] !== 'DONE' ) : ?>
228 <button class="expand-toggle" aria-expanded="false" aria-controls="scan-details">
229 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="arrow-icon">
230 <path d="M7 10l5 5 5-5z" fill="#6B7280" />
231 </svg>
232 </button>
233 <?php endif; ?>
234 </div>
235 </div>
236
237 <!-- Scan details section (initially hidden) -->
238 <?php if ( $template_args['scan_status'] !== 'DONE' ) : ?>
239 <div id="scan-details" class="scan-details" style="display: none;">
240 <div class="divider"></div>
241 <p class="step-message">
242 <?php if ( $template_args['scan_status'] !== 'IN_PROGRESS' ) : ?>
243 Oops! We couldn't start or complete your scan! Try initiating a scan manually via the <a href="https://admin.usercentrics.eu/#/v3/service-settings/dps-scanner?settingsId=<?php echo esc_attr( $template_args['cbid'] ); ?>" target="_blank">Admin Interface</a>.
244 <?php else : ?>
245 We're scanning your website for data processing services. They should appear in 10 minutes, but it may take up to 24 hours. For more information, please review your <a href="https://admin.usercentrics.eu/#/v3/service-settings/dps-scanner?settingsId=<?php echo esc_attr( $template_args['cbid'] ); ?>" target="_blank">service settings</a>.
246 <?php endif; ?>
247 </p>
248 </div>
249 <?php endif; ?>
250 </div>
251 <?php endif; ?>
252
253 <!-- Upgrade your plan step -->
254 <?php if ( ! empty( $template_args['user_data'] ) && ! empty( $template_args['cbid'] ) ) : ?>
255 <div class="step-box">
256 <div class="step-row">
257 <div class="step-icon">
258 <?php
259 $is_upgraded = Cookiebot_WP::has_upgraded();
260 $subscription_type = Cookiebot_WP::get_subscription_type();
261 if ( $is_upgraded && $subscription_type !== 'Free' ) :
262 ?>
263 <img src="<?php echo \esc_url( asset_url( 'img/icons/check-mark.svg' ) ); ?>" alt="Checkmark">
264 <?php else : ?>
265 <div class="empty-circle"></div>
266 <?php endif; ?>
267 </div>
268 <div class="step-content">
269 <h2><?php echo \esc_html__( 'Choose your plan', 'cookiebot' ); ?></h2>
270 </div>
271 <div class="step-status">
272 <div class="lightning-badge">
273 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
274 <path d="M7.58333 0.583344L1.75 8.16668H7L6.41667 13.4167L12.25 5.83334H7L7.58333 0.583344Z" fill="#0047FF" />
275 </svg>
276 </div>
277 </div>
278 </div>
279
280 <!-- Upgrade details section -->
281 <?php if ( $is_upgraded && $subscription_type !== 'Free' ) : ?>
282 <div class="upgrade-details">
283 <div class="divider"></div>
284 <div class="subscription-info">
285 <div>
286 <div class="upgrade-header">
287 <img src="<?php echo \esc_url( asset_url( 'img/icons/celebration.svg' ) ); ?>" alt="Celebration" class="celebration-icon">
288 <h3>You've upgraded to <span class="plan-name"><?php echo esc_html( $template_args['subscription'] ); ?></span>!</h3>
289 </div>
290 <?php if ( isset( $template_args['user_data']['subscriptions']['active']['subscription_id'] ) ) : ?>
291 <a href="https://account.usercentrics.eu/subscription/<?php echo esc_attr( $template_args['user_data']['subscriptions']['active']['subscription_id'] ); ?>/manage" class="manage-features-link" target="_blank">
292 <?php else : ?>
293 <a href="https://account.usercentrics.eu/subscription/manage" class="manage-features-link" target="_blank">
294 <?php endif; ?>
295 <p>Manage advanced features</p>
296 </a>
297 </div>
298 <?php if ( isset( $template_args['user_data']['subscriptions']['active']['next_billing_date'] ) ) : ?>
299 <div class="billing-date">
300 <img src="<?php echo \esc_url( asset_url( 'img/icons/calendar.svg' ) ); ?>" alt="Calendar" class="calendar-icon">
301 <h3><?php echo esc_html__( 'Next billing date: ', 'cookiebot' ) . esc_html( gmdate( 'd/m/Y', strtotime( $template_args['user_data']['subscriptions']['active']['next_billing_date'] ) ) ); ?></h3>
302 </div>
303 <?php endif; ?>
304 <div class="manage-subscription">
305 <button id="manage-subscription-button" class="cb-btn cb-primary-btn" onclick="window.open('https://account.usercentrics.eu/subscription/<?php echo isset( $template_args['user_data']['subscriptions']['active']['subscription_id'] ) ? esc_attr( $template_args['user_data']['subscriptions']['active']['subscription_id'] ) . '/' : ''; ?>manage', '_blank')">
306 <?php echo esc_html__( 'Manage subscription', 'cookiebot' ); ?>
307 </button>
308 </div>
309 </div>
310 </div>
311 <?php else : ?>
312 <div class="upgrade-details">
313 <div class="divider"></div>
314 <div class="trial-countdown">
315 <?php if ( Cookiebot_WP::is_in_trial() && ! $trial_expired ) : ?>
316 <img src="<?php echo \esc_url( asset_url( 'img/icons/clock-icon-blue.svg' ) ); ?>" alt="Clock Icon">
317 <p class="step-message"><strong>Enjoy all Premium features for</strong> <span class="days-highlight"><?php echo absint( Cookiebot_WP::get_trial_days_left() ); ?> days</span>.</p>
318 <?php endif; ?>
319 </div>
320
321 <p class="step-message">Remember to choose a Free or Premium plan to keep your banner live. Premium includes:</p>
322
323 <ul class="upgrade-features">
324 <li><strong>Higher session limits</strong> for growing traffic</li>
325 <li><strong>Custom branding</strong> for a seamless site experience</li>
326 <li><strong>Better insights</strong> to optimize your opt-ins</li>
327 </ul>
328
329 <div class="upgrade-container">
330 <button id="upgrade-now-button" class="cb-btn cb-primary-btn" onclick="/* window.trackAmplitudeEvent('Bottom Upgrade Now Clicked', { settingsId: '<?php echo esc_js( $template_args['cbid'] ); ?>', account_id: '<?php echo esc_js( $template_args['cbid'] ); ?>' }); */ window.open('https://account.usercentrics.eu/subscription/<?php echo isset( $template_args['user_data']['subscriptions']['active']['subscription_id'] ) ? esc_attr( $template_args['user_data']['subscriptions']['active']['subscription_id'] ) . '/' : ''; ?>manage', '_blank')">
331 <?php echo esc_html__( 'Choose my plan', 'cookiebot' ); ?>
332 </button>
333 </div>
334 </div>
335 <?php endif; ?>
336 </div>
337 <?php endif; ?>
338 </div>
339 </div>
340
341 <!-- Right Side - Banner Control (only show when CBID exists) -->
342 <?php if ( $template_args['user_data'] && $template_args['cbid'] ) : ?>
343 <div class="gray-box-overview">
344 <div class="header-section">
345 <div>
346 <div class="top-row">
347 <a href="<?php echo esc_url( site_url() ); ?>" target="_blank" class="dashboard-link" onclick="/* window.trackAmplitudeEvent('Preview Link Clicked', { settingsId: '<?php echo esc_js( $template_args['cbid'] ); ?>' }); */"><?php echo esc_html__( 'Preview', 'cookiebot' ); ?></a>
348 <span class="free-badge"><?php echo esc_html( $template_args['subscription'] ); ?></span>
349 </div>
350 <h1><?php echo esc_html__( 'Banner control', 'cookiebot' ); ?></h1>
351 <p class="subtitle">
352 <?php esc_html_e( 'Need more options? Head to the', 'cookiebot' ); ?>
353 <a href="https://admin.usercentrics.eu/#/v3/configuration/setup?settingsId=<?php echo esc_attr( $template_args['cbid'] ); ?>" target="_blank" style="color: inherit;">
354 <?php esc_html_e( 'Admin Interface.', 'cookiebot' ); ?>
355 </a>
356 </p>
357 </div>
358 </div>
359
360 <div class="banner-options">
361 <!-- Show banner on site option -->
362 <div class="option-group">
363 <span class="option-label"><?php echo esc_html__( 'Show banner on site', 'cookiebot' ); ?></span>
364 <div class="option-controls">
365 <div class="toggle-switch">
366 <input type="checkbox" id="cookiebot-banner-enabled" class="toggle-input"
367 value="1"
368 <?php
369 checked( 1, $template_args['banner_enabled'] === '1' );
370 ?>
371 />
372 <label for="cookiebot-banner-enabled" class="toggle-label"></label>
373 </div>
374 <div class="label-wrapper status-badge <?php echo ! empty( $template_args['cbid'] ) && $template_args['banner_enabled'] === '1' ? 'active' : ' inactive'; ?>" id="cookiebot-banner-badge">
375 <div class="label-2">
376 <?php echo ! empty( $template_args['cbid'] ) && $template_args['banner_enabled'] === '1' ? esc_html__( 'Active', 'cookiebot' ) : esc_html__( 'Inactive', 'cookiebot' ); ?>
377 </div>
378 </div>
379 </div>
380 </div>
381
382 <div class="option-divider"></div>
383
384 <!-- Auto blocking mode option -->
385 <div class="option-group">
386 <div class="option-label-wrapper">
387 <span class="option-label"><?php echo esc_html__( 'Auto blocking mode', 'cookiebot' ); ?></span>
388 <div class="tooltip">
389 <span class="tooltiptext">Blocks cookies automatically until users consent. No script tagging required. Scan results determine what gets blocked.</span>
390 <img class="img" src="<?php echo esc_url( asset_url( 'img/icons/info.svg' ) ); ?>" />
391 </div>
392 </div>
393 <div class="option-controls">
394 <div class="toggle-switch">
395 <input type="checkbox" id="cookiebot-uc-auto-blocking-mode" class="toggle-input"
396 value="1"
397 <?php
398 checked( 1, $template_args['auto_blocking_mode'] === '1' );
399 ?>
400 />
401 <label for="cookiebot-uc-auto-blocking-mode" class="toggle-label"></label>
402 </div>
403 <div class="label-wrapper status-badge <?php echo ! empty( $template_args['cbid'] ) && $template_args['auto_blocking_mode'] === '1' ? 'active' : ' inactive'; ?>" id="cookiebot-uc-auto-blocking-mode-badge">
404 <div class="label-2">
405 <?php echo ! empty( $template_args['cbid'] ) && $template_args['auto_blocking_mode'] === '1' ? esc_html__( 'Active', 'cookiebot' ) : esc_html__( 'Inactive', 'cookiebot' ); ?>
406 </div>
407 </div>
408 </div>
409 </div>
410
411 <div class="option-divider"></div>
412
413 <!-- Google Consent Mode option -->
414 <div class="option-group">
415 <div class="option-label-wrapper">
416 <span class="option-label"><?php echo esc_html__( 'Google Consent Mode', 'cookiebot' ); ?></span>
417
418 <div class="tooltip">
419 <span class="tooltiptext">Enable Google Consent Mode to continue running remarketing campaigns and tracking conversions in Google Ads and Google Analytics. Required if you have visitors from the European Economic Area (EEA).</span>
420 <img class="img" src="<?php echo esc_url( asset_url( 'img/icons/info.svg' ) ); ?>" />
421 </div>
422
423 </div>
424 <div class="option-controls">
425 <div class="toggle-switch">
426 <input type="checkbox" id="cookiebot-gcm" class="toggle-input"
427 value="1"
428 <?php
429 checked( 1, $template_args['gcm_enabled'] === '1' );
430 ?>
431 />
432 <label for="cookiebot-gcm" class="toggle-label"></label>
433 </div>
434
435 <div class="label-wrapper status-badge <?php echo ! empty( $template_args['cbid'] ) && $template_args['gcm_enabled'] === '1' ? 'active' : 'inactive'; ?>" id="cookiebot-gcm-badge">
436 <div class="label-2">
437 <?php echo ! empty( $template_args['cbid'] ) && $template_args['gcm_enabled'] === '1' ? esc_html__( 'Active', 'cookiebot' ) : esc_html__( 'Inactive', 'cookiebot' ); ?>
438 </div>
439 </div>
440 </div>
441 </div>
442
443 <div class="option-divider"></div>
444
445 <!-- Legal framework option -->
446 <div class="option-group">
447 <span class="option-label"><?php echo esc_html__( 'Legal framework', 'cookiebot' ); ?></span>
448 <div class="option-controls legal-framework">
449 <span class="legal-framework-badge"><?php echo esc_html( $template_args['legal_framework'] ); ?></span>
450 </div>
451 </div>
452 </div>
453
454 <div class="banner-actions">
455 <?php if ( ! empty( get_option( 'cookiebot-auth-token' ) ) ) : ?>
456 <button class="cb-btn customize-banner-btn" onclick="/* window.trackAmplitudeEvent('Customize Banner Clicked', { settingsId: '<?php echo esc_js( $template_args['cbid'] ); ?>', plugin_version: '<?php echo esc_js( CYBOT_COOKIEBOT_VERSION ); ?>' }); */ window.open('<?php echo esc_url( $template_args['customize_banner_link'] ); ?>', '_blank')"><?php echo esc_html__( 'Customize banner', 'cookiebot' ); ?></button>
457 <?php endif; ?>
458 <a href="<?php echo esc_url( $template_args['configure_banner_link'] ); ?>" class="configure-link" target="_blank">
459 <img class="material-icons" src="<?php echo esc_url( asset_url( 'img/icons/link.svg' ) ); ?>" />
460 <?php echo esc_html__( 'How to configure your banner', 'cookiebot' ); ?>
461 </a>
462 </div>
463 </div>
464 <?php endif; ?>
465 </div>
466 </div>
467 </div>
468 </div>
469