| 1 |
<?php |
| 2 |
|
| 3 |
use cybot\cookiebot\settings\templates\Header; |
| 4 |
use cybot\cookiebot\settings\templates\Main_Tabs; |
| 5 |
|
| 6 |
use cybot\cookiebot\settings\pages\Settings_Page; |
| 7 |
|
| 8 |
/** |
| 9 |
* @var string $cbid |
| 10 |
* @var string $cb_wp |
| 11 |
* @var string $europe_icon |
| 12 |
* @var string $usa_icon |
| 13 |
* @var string $check_icon |
| 14 |
* @var string $link_icon |
| 15 |
*/ |
| 16 |
|
| 17 |
$header = new Header(); |
| 18 |
$main_tabs = new Main_Tabs(); |
| 19 |
|
| 20 |
$header->display(); |
| 21 |
?> |
| 22 |
<div class="cb-body"> |
| 23 |
<div class="cb-wrapper"> |
| 24 |
<?php $main_tabs->display( 'dashboard' ); ?> |
| 25 |
<div class="cb-main__content"> |
| 26 |
<div class="cb-main__dashboard__card--container"> |
| 27 |
<div class="cb-main__dashboard__card__cookiebot--flex"> |
| 28 |
<div class="cb-main__card__inner account_card"> |
| 29 |
<img src="<?php echo esc_html( $cb_wp ); ?>" alt="Cookiebot for WordPress" class="cb-wp"> |
| 30 |
<div class="cb-main__card__content"> |
| 31 |
<p class="cb-main__card__label"><?php echo esc_html__( 'Get started', 'cookiebot' ); ?></p> |
| 32 |
<h2 class="cb-main__card__title"> |
| 33 |
<?php echo esc_html__( 'Create a new Cookiebot CMP account', 'cookiebot' ); ?> |
| 34 |
</h2> |
| 35 |
<a |
| 36 |
target="_blank" |
| 37 |
rel="noopener" |
| 38 |
href="https://admin.cookiebot.com/en/signup/?utm_source=wordpress&utm_medium=referral&utm_campaign=banner" |
| 39 |
class="cb-btn cb-main-btn"> |
| 40 |
<?php echo esc_html__( 'Create account', 'cookiebot' ); ?> |
| 41 |
</a> |
| 42 |
</div> |
| 43 |
</div> |
| 44 |
<p class="cb-main__card__subtitle"> |
| 45 |
Already have an account? |
| 46 |
<a href="/wp-admin/admin.php?page=<?php echo esc_html( Settings_Page::ADMIN_SLUG ); ?>" |
| 47 |
class="cb-btn cb-link-btn" rel="noopener"> |
| 48 |
<?php echo esc_html__( 'Connect it', 'cookiebot' ); ?> |
| 49 |
</a> |
| 50 |
</p> |
| 51 |
</div> |
| 52 |
|
| 53 |
<div class="cb-main__dashboard__card__cookiebot"> |
| 54 |
<div class="cb-main__card__inner start_card"> |
| 55 |
<div class="cb-main__video"> |
| 56 |
<iframe src="https://www.youtube.com/embed/1-lvuJa42P0" |
| 57 |
title="Cookiebot WordPress Installation" |
| 58 |
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" |
| 59 |
allowfullscreen></iframe> |
| 60 |
</div> |
| 61 |
<div class="cb-main__card--content"> |
| 62 |
<p class="cb-main__card__label"><?php echo esc_html__( 'Video guide', 'cookiebot' ); ?></p> |
| 63 |
<h2 class="cb-main__card__title"> |
| 64 |
<?php echo esc_html__( 'How to get started with Cookiebot CMP', 'cookiebot' ); ?> |
| 65 |
</h2> |
| 66 |
<a href="https://support.cookiebot.com/hc/en-us/articles/4408356523282-Getting-started" |
| 67 |
target="_blank" class="cb-btn cb-link-btn" rel="noopener"> |
| 68 |
<?php echo esc_html__( 'Learn more about Cookiebot CMP', 'cookiebot' ); ?> |
| 69 |
</a> |
| 70 |
</div> |
| 71 |
</div> |
| 72 |
</div> |
| 73 |
</div> |
| 74 |
|
| 75 |
<div class="cb-main__dashboard__card--container"> |
| 76 |
<div class="cb-main__dashboard__card"> |
| 77 |
<div class="cb-main__card__inner setup-steps"> |
| 78 |
<h2 class="cb-main__card__title setup-steps-title"> |
| 79 |
<?php echo esc_html__( 'Steps to setup your banner', 'cookiebot' ); ?> |
| 80 |
</h2> |
| 81 |
<ol class="cb-setup-steps-list"> |
| 82 |
<li><?php echo esc_html__( 'Create a new account on Cookiebot', 'cookiebot' ); ?></li> |
| 83 |
<li><?php echo esc_html__( 'Copy and paste your domain group ID', 'cookiebot' ); ?></li> |
| 84 |
<li><?php echo esc_html__( 'Connect it to your WordPress plugin', 'cookiebot' ); ?></li> |
| 85 |
</ol> |
| 86 |
</div> |
| 87 |
</div> |
| 88 |
<div class="cb-main__dashboard__card"> |
| 89 |
<div class="cb-main__card__inner legislations_card"> |
| 90 |
<div class="cb-main__legislation__item"> |
| 91 |
<div class="cb-main__legislation____icon"> |
| 92 |
<img src="<?php echo esc_html( $europe_icon ); ?>" alt="GDPR"> |
| 93 |
</div> |
| 94 |
<div class="cb-main__legislation__name"> |
| 95 |
<?php echo esc_html__( 'GDPR', 'cookiebot' ); ?> |
| 96 |
</div> |
| 97 |
<div class="cb-main__legislation__region"> |
| 98 |
<?php echo esc_html__( 'Europe', 'cookiebot' ); ?> |
| 99 |
</div> |
| 100 |
<a href="https://www.cookiebot.com/en/gdpr/" target="_blank" |
| 101 |
class="cb-btn cb-link-btn external-icon legislation-link" rel="noopener"> |
| 102 |
<?php echo esc_html__( 'Learn More', 'cookiebot' ); ?> |
| 103 |
<img src="<?php echo esc_html( $link_icon ); ?>" |
| 104 |
alt="<?php echo esc_html__( 'Learn More', 'cookiebot' ); ?>"> |
| 105 |
</a> |
| 106 |
</div> |
| 107 |
<div class="cb-main__legislation__item"> |
| 108 |
<div class="cb-main__legislation____icon"> |
| 109 |
<img src="<?php echo esc_html( $usa_icon ); ?>" alt="CCPA"> |
| 110 |
</div> |
| 111 |
<div class="cb-main__legislation__name"> |
| 112 |
<?php echo esc_html__( 'CCPA', 'cookiebot' ); ?> |
| 113 |
</div> |
| 114 |
<div class="cb-main__legislation__region"> |
| 115 |
<?php echo esc_html__( 'North America', 'cookiebot' ); ?> |
| 116 |
</div> |
| 117 |
<a href="https://www.cookiebot.com/en/what-is-ccpa/" target="_blank" |
| 118 |
class="cb-btn cb-link-btn external-icon legislation-link" rel="noopener"> |
| 119 |
<?php echo esc_html__( 'Learn More', 'cookiebot' ); ?> |
| 120 |
<img src="<?php echo esc_html( $link_icon ); ?>" |
| 121 |
alt="<?php echo esc_html__( 'Learn More', 'cookiebot' ); ?>"> |
| 122 |
</a> |
| 123 |
</div> |
| 124 |
<a href="https://www.cookiebot.com/en/blog/" target="_blank" |
| 125 |
class="cb-btn cb-link-btn cb-right-btn" rel="noopener"> |
| 126 |
<?php echo esc_html__( 'See other legislations', 'cookiebot' ); ?> |
| 127 |
</a> |
| 128 |
</div> |
| 129 |
</div> |
| 130 |
|
| 131 |
</div> |
| 132 |
</div> |
| 133 |
</div> |
| 134 |
</div> |
| 135 |
|