PluginProbe
CookieAdmin – Cookie Consent Banner / 1.2.4
CookieAdmin – Cookie Consent Banner v1.2.4
1.2.4 1.2.3 1.2.2 1.2.1 1.2.0 1.1.9 trunk 1.0.2 1.0.3 1.0.4 1.0.5 1.0.6 1.0.7 1.0.8 1.0.9 1.1.0 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8
← All changes | includes/admin/consent.php +303 -270 1.1.71.2.4 View file →
@@ -13,10 +13,26 @@
13 13
14 14 $view = get_option('cookieadmin_law', 'cookieadmin_gdpr');
15 15 $policy = cookieadmin_load_policy();
16 16
17 - $templates = implode("", cookieadmin_load_consent_template($policy[$view], $view));
17 + $raw_template = cookieadmin_load_consent_template($policy[$view], $view);
18 18
19 + if(!is_array($raw_template) || empty($raw_template)){
20 + return false;
21 + }
22 +
23 + $templates = implode('', $raw_template);
24 +
25 + if(empty($templates)){
26 + echo '<div class="notice notice-error">
27 + <p>
28 + <strong>CookieAdmin Error:</strong> Cannot load required template file.
29 + Please reinstall the plugin or contact support.
30 + </p>
31 + </div>';
32 + return false;
33 + }
34 +
19 35 $cookieadmin_requires_pro = \CookieAdmin\Admin::is_feature_available(1);
20 36
21 37 $icons_grid = apply_filters('cookieadmin_reconsent_icons', '', $policy[$view]);
22 38
@@ -26,324 +42,341 @@
26 42 echo '
27 43 <div class="cookieadmin_consent-wrap">
28 44 <form action="" method="post" id="consent_submenu">
29 45
30 - <div class="cookieadmin_consent-contents">
31 - <div class="cookieadmin_consent_settings">
32 - <div class="cookieadmin-contents cookieadmin_consent">
33 -
34 - <div class="cookieadmin-setting">
35 - <label class="cookieadmin-title" for="cookieadmin_consent_type">'.esc_html__('Consent Type', 'cookieadmin').'</label>
36 - <div class="cookieadmin-setting-contents">
37 - <select name="cookieadmin_consent_type" id="cookieadmin_consent_type">
38 - <option name="cookieadmin_gdpr" id="cookieadmin_gdpr" '.((!empty($view) && $view === 'cookieadmin_gdpr') ? 'selected' : '').' value="cookieadmin_gdpr">'.esc_html__('GDPR', 'cookieadmin').'</option>
39 - <option name="cookieadmin_us" id="cookieadmin_us" '.((!empty($view) && $view === 'cookieadmin_us') ? 'selected' : '').' value="cookieadmin_us">'.esc_html__('US State Laws', 'cookieadmin').'</option>
40 - </select>
41 - </div>
46 + <div class="cookieadmin-card">
47 + <div class="cookieadmin-card-header">
48 + <span class="cookieadmin-card-title">'.esc_html__('General Settings', 'cookieadmin').'</span>
49 + </div>
50 + <div class="cookieadmin-card-body">
51 +
52 + <div class="cookieadmin-setting">
53 + <label class="cookieadmin-title" for="cookieadmin_consent_type">'.esc_html__('Consent Type', 'cookieadmin').'</label>
54 + <div class="cookieadmin-setting-contents">
55 + <select name="cookieadmin_consent_type" id="cookieadmin_consent_type">
56 + <option name="cookieadmin_gdpr" id="cookieadmin_gdpr" '.((!empty($view) && $view === 'cookieadmin_gdpr') ? 'selected' : '').' value="cookieadmin_gdpr">'.esc_html__('GDPR', 'cookieadmin').'</option>
57 + <option name="cookieadmin_us" id="cookieadmin_us" '.((!empty($view) && $view === 'cookieadmin_us') ? 'selected' : '').' value="cookieadmin_us">'.esc_html__('US State Laws', 'cookieadmin').'</option>
58 + </select>
42 59 </div>
43 -
44 - <div class="cookieadmin-setting cookieadmin_consent-expiry">
45 - <label class="cookieadmin-title" for="cookieadmin_consent_expiry">'.esc_html__('Consent Expiry', 'cookieadmin').'</label>
46 - <div class="cookieadmin-setting-contents">
47 - <input type="number" name="cookieadmin_days" id="cookieadmin_consent_expiry" style="max-width:70px;" value="'.esc_attr($policy[$view]['cookieadmin_days']).'">
48 - </div>
60 + </div>
61 +
62 + <div class="cookieadmin-setting cookieadmin_consent-expiry">
63 + <label class="cookieadmin-title" for="cookieadmin_consent_expiry">'.esc_html__('Consent Expiry', 'cookieadmin').'</label>
64 + <div class="cookieadmin-setting-contents">
65 + <input type="number" name="cookieadmin_days" id="cookieadmin_consent_expiry" style="max-width:80px;" value="'.esc_attr($policy[$view]['cookieadmin_days']).'"> <span class="cookieadmin-text-muted" style="font-size:13px;">'.esc_html__('days', 'cookieadmin').'</span>
49 66 </div>
50 -
51 - <div class="cookieadmin-setting consent-layout">
52 - <label class="cookieadmin-title">'.esc_html__('Notice Type', 'cookieadmin').'</label>
53 - <div class="cookieadmin-setting-contents">
54 - <span>
55 - <input name="cookieadmin_layout" type="radio" id="cookieadmin_layout_box" value="box">
56 - <label class="cookieadmin-input" for="cookieadmin_layout_box">'.esc_html__('Box', 'cookieadmin').'</label>
57 - </span>
58 - <span>
59 - <input name="cookieadmin_layout" type="radio" id="cookieadmin_layout_footer" value="footer">
60 - <label class="cookieadmin-input" for="cookieadmin_layout_footer">'.esc_html__('Footer', 'cookieadmin').'</label>
61 - </span>
62 - <span>
63 - <input name="cookieadmin_layout" type="radio" id="cookieadmin_layout_popup" value="popup">
64 - <label for="cookieadmin_layout_popup">'.esc_html__('Popup', 'cookieadmin').'</label>
65 - </span>
66 - </div>
67 + </div>
68 +
69 + <div class="cookieadmin-setting consent-layout">
70 + <label class="cookieadmin-title">'.esc_html__('Notice Type', 'cookieadmin').'</label>
71 + <div class="cookieadmin-setting-contents">
72 + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;">
73 + <input name="cookieadmin_layout" type="radio" id="cookieadmin_layout_box" value="box">
74 + '.esc_html__('Box', 'cookieadmin').'
75 + </label>
76 + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;">
77 + <input name="cookieadmin_layout" type="radio" id="cookieadmin_layout_footer" value="footer">
78 + '.esc_html__('Footer', 'cookieadmin').'
79 + </label>
80 + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;">
81 + <input name="cookieadmin_layout" type="radio" id="cookieadmin_layout_popup" value="popup">
82 + '.esc_html__('Popup', 'cookieadmin').'
83 + </label>
67 84 </div>
68 -
69 - <div class="cookieadmin-setting consent-position">
70 - <label class="cookieadmin-title">'.esc_html__('Notice Position', 'cookieadmin').'</label>
71 - <div class="cookieadmin-setting-contents">
72 - <span>
73 - <input class="cookieadmin_box_layout" id="cookieadmin_position_bottom_left" name="cookieadmin_position" type="radio" value="bottom_left" checked>
74 - <label class="cookieadmin_box_layout cookieadmin-input" for="cookieadmin_position_bottom_left">'.esc_html__('Bottom Left', 'cookieadmin').'</label>
75 - </span>
76 - <span>
77 - <input class="cookieadmin_box_layout" id="cookieadmin_position_bottom_right" name="cookieadmin_position" type="radio" value="bottom_right">
78 - <label class="cookieadmin_box_layout cookieadmin-input" for="cookieadmin_position_bottom_right">'.esc_html__('Bottom Right', 'cookieadmin').'</label>
79 - </span>
80 - <span>
81 - <input class="cookieadmin_box_layout" id="cookieadmin_position_top_left" name="cookieadmin_position" type="radio" value="top_left">
82 - <label class="cookieadmin_box_layout cookieadmin-input" for="cookieadmin_position_top_left">'.esc_html__('Top Left', 'cookieadmin').'</label>
83 - </span>
84 - <span>
85 - <input class="cookieadmin_box_layout" id="cookieadmin_position_top_right" name="cookieadmin_position" type="radio" value="top_right">
86 - <label class="cookieadmin_box_layout cookieadmin-input" for="cookieadmin_position_top_right">'.esc_html__('Top Right', 'cookieadmin').'</label>
87 - </span>
88 - <span>
89 - <input class="cookieadmin_foter_layout" id="cookieadmin_position_top" name="cookieadmin_position" type="radio" value="top" style="display:none;">
90 - <label class="cookieadmin_foter_layout cookieadmin-input" for="cookieadmin_position_top" style="display:none;">'.esc_html__('Top', 'cookieadmin').'</label>
91 - </span>
92 - <span>
93 - <input class="cookieadmin_foter_layout" id="cookieadmin_position_bottom" name="cookieadmin_position" type="radio" value="bottom" style="display:none;">
94 - <label class="cookieadmin_foter_layout" for="cookieadmin_position_bottom" style="display:none;">'.esc_html__('Bottom', 'cookieadmin').'</label>
95 - </span>
96 - </div>
85 + </div>
86 +
87 + <div class="cookieadmin-setting consent-position">
88 + <label class="cookieadmin-title">'.esc_html__('Notice Position', 'cookieadmin').'</label>
89 + <div class="cookieadmin-setting-contents">
90 + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;">
91 + <input class="cookieadmin_box_layout" id="cookieadmin_position_bottom_left" name="cookieadmin_position" type="radio" value="bottom_left" checked>
92 + '.esc_html__('Bottom Left', 'cookieadmin').'
93 + </label>
94 + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;">
95 + <input class="cookieadmin_box_layout" id="cookieadmin_position_bottom_right" name="cookieadmin_position" type="radio" value="bottom_right">
96 + '.esc_html__('Bottom Right', 'cookieadmin').'
97 + </label>
98 + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;">
99 + <input class="cookieadmin_box_layout" id="cookieadmin_position_top_left" name="cookieadmin_position" type="radio" value="top_left">
100 + '.esc_html__('Top Left', 'cookieadmin').'
101 + </label>
102 + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;">
103 + <input class="cookieadmin_box_layout" id="cookieadmin_position_top_right" name="cookieadmin_position" type="radio" value="top_right">
104 + '.esc_html__('Top Right', 'cookieadmin').'
105 + </label>
106 + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400; display:none;">
107 + <input class="cookieadmin_footer_layout" id="cookieadmin_position_top" name="cookieadmin_position" type="radio" value="top">
108 + '.esc_html__('Top', 'cookieadmin').'
109 + </label>
110 + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400; display:none;">
111 + <input class="cookieadmin_footer_layout" id="cookieadmin_position_bottom" name="cookieadmin_position" type="radio" value="bottom">
112 + '.esc_html__('Bottom', 'cookieadmin').'
113 + </label>
97 114 </div>
98 -
99 - <div class="cookieadmin-setting consent-modal-layout">
100 - <label class="cookieadmin-title">'.esc_html__('Preference Position', 'cookieadmin').'</label>
101 - <div class="cookieadmin-setting-contents">
102 - <span>
103 - <input id="cookieadmin_modal_center" name="cookieadmin_modal" type="radio" value="center" checked>
104 - <label class="cookieadmin-input" for="cookieadmin_modal_center">'.esc_html__('Center', 'cookieadmin').'</label>
105 - </span>
106 - <span>
107 - <input id="cookieadmin_modal_side" name="cookieadmin_modal" type="radio" value="side">
108 - <label class="cookieadmin-input" for="cookieadmin_modal_side">'.esc_html__('Side', 'cookieadmin').'</label>
109 - </span>
110 - <span>
111 - <input id="cookieadmin_modal_down" name="cookieadmin_modal" type="radio" value="down">
112 - <label for="cookieadmin_modal_down">'.esc_html__('Draw down', 'cookieadmin').'</label>
113 - </span>
114 - </div>
115 + </div>
116 +
117 + <div class="cookieadmin-setting consent-modal-layout">
118 + <label class="cookieadmin-title">'.esc_html__('Preference Position', 'cookieadmin').'</label>
119 + <div class="cookieadmin-setting-contents">
120 + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;">
121 + <input id="cookieadmin_modal_center" name="cookieadmin_modal" type="radio" value="center" checked>
122 + '.esc_html__('Center', 'cookieadmin').'
123 + </label>
124 + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;">
125 + <input id="cookieadmin_modal_side" name="cookieadmin_modal" type="radio" value="side">
126 + '.esc_html__('Side', 'cookieadmin').'
127 + </label>
128 + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;">
129 + <input id="cookieadmin_modal_down" name="cookieadmin_modal" type="radio" value="down">
130 + '.esc_html__('Draw down', 'cookieadmin').'
131 + </label>
115 132 </div>
116 -
117 - <div class="cookieadmin-setting consent-notice">
118 - <label class="cookieadmin-title">'.esc_html__('Notice Section', 'cookieadmin').'</label>
119 - <div class="cookieadmin-setting-contents cookieadmin-vertical">
120 - <label for="cookieadmin_notice_title_layout">'.esc_html__('Title', 'cookieadmin').'</label>
121 - <input type="text" id="cookieadmin_notice_title_layout" name="cookieadmin_notice_title" style="width: 52vw;" value="'.esc_attr($policy[$view]['cookieadmin_notice_title']).'">
122 - <label for="cookieadmin_notice_layout" style="margin-top:20px;">'.esc_html__('Notice', 'cookieadmin').'</label>
123 - <textarea rows="5vh" cols="100vw" id="cookieadmin_notice_layout" name="cookieadmin_notice">'.esc_html($policy[$view]['cookieadmin_notice']).'</textarea>
124 - <div class="cookieadmin-setting-colors cookieadmin-setting-contents cookieadmin-horizontal">
125 - <div class="cookieadmin-setting-colors cookieadmin-vertical" >
126 - <label for="cookieadmin_notice_title_color">'.esc_html__('Title', 'cookieadmin').'</label>
127 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
128 - <input type="color" id="cookieadmin_notice_title_color_box" name="cookieadmin_notice_title_color_box" value="'.esc_attr($policy[$view]['cookieadmin_notice_title_color']).'">
129 - <input type="text" id="cookieadmin_notice_title_color" name="cookieadmin_notice_title_color" value="'.esc_attr($policy[$view]['cookieadmin_notice_title_color']).'" class="cookieadmin-color-input">
130 - </div>
133 + </div>
134 + </div>
135 + </div>
136 + <div class="cookieadmin-card cookieadmin-mt-16">
137 + <div class="cookieadmin-card-header">
138 + <span class="cookieadmin-card-title">'.esc_html__('Notice Content', 'cookieadmin').'</span>
139 + </div>
140 + <div class="cookieadmin-card-body">
141 + <div class="cookieadmin-vertical" style="gap:16px;">
142 + <div>
143 + <label for="cookieadmin_notice_title_layout" style="display:block; font-weight:600; font-size:13px; margin-bottom:6px;">'.esc_html__('Title', 'cookieadmin').'</label>
144 + <input type="text" id="cookieadmin_notice_title_layout" name="cookieadmin_notice_title" style="width:100%; max-width:600px;" value="'.esc_attr($policy[$view]['cookieadmin_notice_title']).'">
145 + </div>
146 + <div>
147 + <label for="cookieadmin_notice_layout" style="display:block; font-weight:600; font-size:13px; margin-bottom:6px;">'.esc_html__('Notice Text', 'cookieadmin').'</label>
148 + <textarea rows="4" id="cookieadmin_notice_layout" name="cookieadmin_notice" style="width:100%; max-width:600px;">'.esc_html($policy[$view]['cookieadmin_notice']).'</textarea>
149 + </div>
150 + <div>
151 + <label style="display:block; font-weight:600; font-size:13px; margin-bottom:10px;">'.esc_html__('Colors', 'cookieadmin').'</label>
152 + <div class="cookieadmin-horizontal" style="flex-wrap:wrap; gap:16px;">
153 + <div class="cookieadmin-vertical" style="gap:4px;">
154 + <label for="cookieadmin_notice_title_color" style="font-size:12px; font-weight:500;">'.esc_html__('Title', 'cookieadmin').'</label>
155 + <div class="cookieadmin-color-holder">
156 + <input type="color" id="cookieadmin_notice_title_color_box" name="cookieadmin_notice_title_color_box" value="'.esc_attr($policy[$view]['cookieadmin_notice_title_color']).'">
157 + <input type="text" id="cookieadmin_notice_title_color" name="cookieadmin_notice_title_color" value="'.esc_attr($policy[$view]['cookieadmin_notice_title_color']).'" class="cookieadmin-color-input">
131 158 </div>
132 - <div class="cookieadmin-setting-colors cookieadmin-vertical">
133 - <label for="cookieadmin_notice_color">'.esc_html__('Content', 'cookieadmin').'</label>
134 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
135 - <input type="color" id="cookieadmin_notice_color_box" name="cookieadmin_notice_color_box" value="'.esc_attr($policy[$view]['cookieadmin_notice_color']).'">
136 - <input type="text" id="cookieadmin_notice_color" name="cookieadmin_notice_color" value="'.esc_attr($policy[$view]['cookieadmin_notice_color']).'" class="cookieadmin-color-input">
137 - </div>
159 + </div>
160 + <div class="cookieadmin-vertical" style="gap:4px;">
161 + <label for="cookieadmin_notice_color" style="font-size:12px; font-weight:500;">'.esc_html__('Content', 'cookieadmin').'</label>
162 + <div class="cookieadmin-color-holder">
163 + <input type="color" id="cookieadmin_notice_color_box" name="cookieadmin_notice_color_box" value="'.esc_attr($policy[$view]['cookieadmin_notice_color']).'">
164 + <input type="text" id="cookieadmin_notice_color" name="cookieadmin_notice_color" value="'.esc_attr($policy[$view]['cookieadmin_notice_color']).'" class="cookieadmin-color-input">
138 165 </div>
139 - <div class="cookieadmin-setting-colors cookieadmin-vertical">
140 - <label for="cookieadmin_consent_inside_bg_color">'.esc_html__('Background', 'cookieadmin').'</label>
141 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
142 - <input type="color" id="cookieadmin_consent_inside_bg_color_box" name="cookieadmin_consent_inside_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_consent_inside_bg_color']).'">
143 - <input type="text" id="cookieadmin_consent_inside_bg_color" name="cookieadmin_consent_inside_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_consent_inside_bg_color']).'" class="cookieadmin-color-input">
144 - </div>
166 + </div>
167 + <div class="cookieadmin-vertical" style="gap:4px;">
168 + <label for="cookieadmin_consent_inside_bg_color" style="font-size:12px; font-weight:500;">'.esc_html__('Background', 'cookieadmin').'</label>
169 + <div class="cookieadmin-color-holder">
170 + <input type="color" id="cookieadmin_consent_inside_bg_color_box" name="cookieadmin_consent_inside_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_consent_inside_bg_color']).'">
171 + <input type="text" id="cookieadmin_consent_inside_bg_color" name="cookieadmin_consent_inside_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_consent_inside_bg_color']).'" class="cookieadmin-color-input">
145 172 </div>
146 - <div class="cookieadmin-setting-colors cookieadmin-vertical">
147 - <label for="cookieadmin_consent_inside_border_color">'.esc_html__('Border', 'cookieadmin').'</label>
148 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
149 - <input type="color" id="cookieadmin_consent_inside_border_color_box" name="cookieadmin_consent_inside_border_color_box" value="'.esc_attr($policy[$view]['cookieadmin_consent_inside_border_color']).'">
150 - <input type="text" id="cookieadmin_consent_inside_border_color" name="cookieadmin_consent_inside_border_color" value="'.esc_attr($policy[$view]['cookieadmin_consent_inside_border_color']).'" class="cookieadmin-color-input">
151 - </div>
173 + </div>
174 + <div class="cookieadmin-vertical" style="gap:4px;">
175 + <label for="cookieadmin_consent_inside_border_color" style="font-size:12px; font-weight:500;">'.esc_html__('Border', 'cookieadmin').'</label>
176 + <div class="cookieadmin-color-holder">
177 + <input type="color" id="cookieadmin_consent_inside_border_color_box" name="cookieadmin_consent_inside_border_color_box" value="'.esc_attr($policy[$view]['cookieadmin_consent_inside_border_color']).'">
178 + <input type="text" id="cookieadmin_consent_inside_border_color" name="cookieadmin_consent_inside_border_color" value="'.esc_attr($policy[$view]['cookieadmin_consent_inside_border_color']).'" class="cookieadmin-color-input">
152 179 </div>
153 180 </div>
154 181 </div>
155 182 </div>
156 183 </div>
157 - <div class="cookieadmin-setting">
158 - <label class="cookieadmin-title">'.esc_html__('Buttons', 'cookieadmin').'</label>
159 - <div class="cookieadmin-buttons cookieadmin-setting-contents cookieadmin-horizontal">
160 - <div class="cookieadmin-button cookieadmin-vertical">
161 - <input id="cookieadmin_customize_btn" name="cookieadmin_customize_btn" style="max-width:130px;text-align:center;" value="'.esc_attr($policy[$view]['cookieadmin_customize_btn']).'">
162 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
163 - <input type="color" id="cookieadmin_customize_btn_color_box" name="cookieadmin_customize_btn_color_box" value="'.esc_attr($policy[$view]['cookieadmin_customize_btn_color']).'">
164 - <input type="text" id="cookieadmin_customize_btn_color" name="cookieadmin_customize_btn_color" value="'.esc_attr($policy[$view]['cookieadmin_customize_btn_color']).'" class="cookieadmin-color-input">
165 - </div>
166 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
167 - <input type="color" id="cookieadmin_customize_btn_bg_color_box" name="cookieadmin_customize_btn_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_customize_btn_bg_color']).'">
168 - <input type="text" id="cookieadmin_customize_btn_bg_color" name="cookieadmin_customize_btn_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_customize_btn_bg_color']).'" class="cookieadmin-color-input">
169 - </div>
184 + </div>
185 + </div>
186 + <div class="cookieadmin-card">
187 + <div class="cookieadmin-card-header">
188 + <span class="cookieadmin-card-title">'.esc_html__('Button Settings', 'cookieadmin').'</span>
189 + </div>
190 + <div class="cookieadmin-card-body">
191 + <div class="cookieadmin-vertical" style="gap:24px;">';
192 +
193 + $button_labels = [
194 + 'cookieadmin_customize_btn' => __('Customize', 'cookieadmin'),
195 + 'cookieadmin_reject_btn' => __('Reject All', 'cookieadmin'),
196 + 'cookieadmin_accept_btn' => __('Accept All', 'cookieadmin'),
197 + 'cookieadmin_save_btn' => __('Save Preferences', 'cookieadmin')
198 + ];
199 +
200 + foreach($button_labels as $btn_key => $btn_label):
201 + echo '
202 + <div class="cookieadmin-horizontal" style="align-items:flex-start; gap:24px; flex-wrap:wrap;">
203 + <div class="cookieadmin-vertical" style="gap:4px; min-width:180px;">
204 + <label for="'.esc_attr($btn_key).'" style="font-size:12px; font-weight:500;">'.esc_html($btn_label).'</label>
205 + <input id="'.esc_attr($btn_key).'" name="'.esc_attr($btn_key).'" style="max-width:180px; text-align:center;" value="'.esc_attr($policy[$view][$btn_key]).'">
206 + </div>
207 + <div class="cookieadmin-vertical" style="gap:4px;">
208 + <label for="'.esc_attr($btn_key.'_color').'" style="font-size:12px; font-weight:500;">'.esc_html__('Text Color', 'cookieadmin').'</label>
209 + <div class="cookieadmin-color-holder">
210 + <input type="color" id="'.esc_attr($btn_key.'_color_box').'" name="'.esc_attr($btn_key.'_color_box').'" value="'.esc_attr($policy[$view][$btn_key.'_color']).'">
211 + <input type="text" id="'.esc_attr($btn_key.'_color').'" name="'.esc_attr($btn_key.'_color').'" value="'.esc_attr($policy[$view][$btn_key.'_color']).'" class="cookieadmin-color-input">
170 212 </div>
171 - <div class="cookieadmin-button cookieadmin-vertical">
172 - <input id="cookieadmin_reject_btn" name="cookieadmin_reject_btn" style="max-width:130px;text-align:center;" value="'.esc_attr($policy[$view]['cookieadmin_reject_btn']).'">
173 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
174 - <input type="color" id="cookieadmin_reject_btn_color_box" name="cookieadmin_reject_btn_color_box" value="'.esc_attr($policy[$view]['cookieadmin_reject_btn_color']).'">
175 - <input type="text" id="cookieadmin_reject_btn_color" name="cookieadmin_reject_btn_color" value="'.esc_attr($policy[$view]['cookieadmin_reject_btn_color']).'" class="cookieadmin-color-input">
176 - </div>
177 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
178 - <input type="color" id="cookieadmin_reject_btn_bg_color_box" name="cookieadmin_reject_btn_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_reject_btn_bg_color']).'">
179 - <input type="text" id="cookieadmin_reject_btn_bg_color" name="cookieadmin_reject_btn_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_reject_btn_bg_color']).'" class="cookieadmin-color-input">
180 - </div>
213 + </div>
214 + <div class="cookieadmin-vertical" style="gap:4px;">
215 + <label for="'.esc_attr($btn_key.'_bg_color').'" style="font-size:12px; font-weight:500;">'.esc_html__('Background', 'cookieadmin').'</label>
216 + <div class="cookieadmin-color-holder">
217 + <input type="color" id="'.esc_attr($btn_key.'_bg_color_box').'" name="'.esc_attr($btn_key.'_bg_color_box').'" value="'.esc_attr($policy[$view][$btn_key.'_bg_color']).'">
218 + <input type="text" id="'.esc_attr($btn_key.'_bg_color').'" name="'.esc_attr($btn_key.'_bg_color').'" value="'.esc_attr($policy[$view][$btn_key.'_bg_color']).'" class="cookieadmin-color-input">
181 219 </div>
182 - <div class="cookieadmin-button cookieadmin-vertical">
183 - <input id="cookieadmin_accept_btn" name="cookieadmin_accept_btn" style="max-width:130px;text-align:center;" value="'.esc_attr($policy[$view]['cookieadmin_accept_btn']).'">
184 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
185 - <input type="color" id="cookieadmin_accept_btn_color_box" name="cookieadmin_accept_btn_color_box" value="'.esc_attr($policy[$view]['cookieadmin_accept_btn_color']).'">
186 - <input type="text" id="cookieadmin_accept_btn_color" name="cookieadmin_accept_btn_color" value="'.esc_attr($policy[$view]['cookieadmin_accept_btn_color']).'" class="cookieadmin-color-input">
187 - </div>
188 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
189 - <input type="color" id="cookieadmin_accept_btn_bg_color_box" name="cookieadmin_accept_btn_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_accept_btn_bg_color']).'">
190 - <input type="text" id="cookieadmin_accept_btn_bg_color" name="cookieadmin_accept_btn_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_accept_btn_bg_color']).'" class="cookieadmin-color-input">
191 - </div>
192 - </div>
193 - <div class="cookieadmin-button cookieadmin-vertical">
194 - <input id="cookieadmin_save_btn" name="cookieadmin_save_btn" style="max-width:130px;text-align:center;" value="'.esc_attr($policy[$view]['cookieadmin_save_btn']).'">
195 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
196 - <input type="color" id="cookieadmin_save_btn_color_box" name="cookieadmin_save_btn_color_box" value="'.esc_attr($policy[$view]['cookieadmin_save_btn_color']).'">
197 - <input type="text" id="cookieadmin_save_btn_color" name="cookieadmin_save_btn_color" value="'.esc_attr($policy[$view]['cookieadmin_save_btn_color']).'" class="cookieadmin-color-input">
198 - </div>
199 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
200 - <input type="color" id="cookieadmin_save_btn_bg_color_box" name="cookieadmin_save_btn_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_save_btn_bg_color']).'">
201 - <input type="text" id="cookieadmin_save_btn_bg_color" name="cookieadmin_save_btn_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_save_btn_bg_color']).'" class="cookieadmin-color-input">
202 - </div>
203 - </div>
204 220 </div>
205 - </div>
206 - <div class="cookieadmin-setting consent-preference">
207 - <label class="cookieadmin-title">'.esc_html__('Preference Section', 'cookieadmin').'</label>
208 - <div class="cookieadmin-setting-contents cookieadmin-vertical">
209 - <label for="cookieadmin_preference_title_layout">'.esc_html__('Title', 'cookieadmin').'</label>
210 - <input type="text" id="cookieadmin_preference_title_layout" name="cookieadmin_preference_title" style="width: 52vw;" value="'.esc_html($policy[$view]['cookieadmin_preference_title']).'">
211 - <label for="cookieadmin_preference_layout" style="margin-top:20px;">'.esc_html__('Privacy Notice', 'cookieadmin').'</label>
212 - <textarea rows="8vh" cols="100vw" id="cookieadmin_preference_layout" name="cookieadmin_preference">'.esc_html($policy[$view]['cookieadmin_preference']).'</textarea>
213 - <div class="cookieadmin-setting-colors cookieadmin-setting-contents cookieadmin-horizontal">
214 - <div class="cookieadmin-setting-colors cookieadmin-vertical">
215 - <label for="cookieadmin_preference_title_color">'.esc_html__('Title', 'cookieadmin').'</label>
216 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
221 + </div>';
222 + endforeach;
223 +
224 + echo '</div>
225 + </div>
226 + </div>
227 + <div class="cookieadmin-card">
228 + <div class="cookieadmin-card-header">
229 + <span class="cookieadmin-card-title">'.esc_html__('Preference Content', 'cookieadmin').'</span>
230 + </div>
231 + <div class="cookieadmin-card-body">
232 + <div class="cookieadmin-vertical" style="gap:16px;">
233 + <div>
234 + <label for="cookieadmin_preference_title_layout" style="display:block; font-weight:600; font-size:13px; margin-bottom:6px;">'.esc_html__('Title', 'cookieadmin').'</label>
235 + <input type="text" id="cookieadmin_preference_title_layout" name="cookieadmin_preference_title" style="width:100%; max-width:600px;" value="'.esc_html($policy[$view]['cookieadmin_preference_title']).'">
236 + </div>
237 + <div>
238 + <label for="cookieadmin_preference_layout" style="display:block; font-weight:600; font-size:13px; margin-bottom:6px;">'.esc_html__('Privacy Notice', 'cookieadmin').'</label>
239 + <textarea rows="4" id="cookieadmin_preference_layout" name="cookieadmin_preference" style="width:100%; max-width:600px;">'.esc_html($policy[$view]['cookieadmin_preference']).'</textarea>
240 + </div>
241 + <div>
242 + <label style="display:block; font-weight:600; font-size:13px; margin-bottom:10px;">'.esc_html__('Colors', 'cookieadmin').'</label>
243 + <div class="cookieadmin-horizontal" style="flex-wrap:wrap; gap:16px;">
244 + <div class="cookieadmin-vertical" style="gap:4px;">
245 + <label for="cookieadmin_preference_title_color" style="font-size:12px; font-weight:500;">'.esc_html__('Title', 'cookieadmin').'</label>
246 + <div class="cookieadmin-color-holder">
217 247 <input type="color" id="cookieadmin_preference_title_color_box" name="cookieadmin_preference_title_color_box" value="'.esc_attr($policy[$view]['cookieadmin_preference_title_color']).'">
218 248 <input type="text" id="cookieadmin_preference_title_color" name="cookieadmin_preference_title_color" value="'.esc_attr($policy[$view]['cookieadmin_preference_title_color']).'" class="cookieadmin-color-input">
219 249 </div>
220 250 </div>
221 - <div class="cookieadmin-setting-colors cookieadmin-vertical">
222 - <label for="cookieadmin_details_wrapper_color">'.esc_html__('Content', 'cookieadmin').'</label>
223 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
251 + <div class="cookieadmin-vertical" style="gap:4px;">
252 + <label for="cookieadmin_details_wrapper_color" style="font-size:12px; font-weight:500;">'.esc_html__('Content', 'cookieadmin').'</label>
253 + <div class="cookieadmin-color-holder">
224 254 <input type="color" id="cookieadmin_details_wrapper_color_box" name="cookieadmin_details_wrapper_color_box" value="'.esc_attr($policy[$view]['cookieadmin_details_wrapper_color']).'">
225 255 <input type="text" id="cookieadmin_details_wrapper_color" name="cookieadmin_details_wrapper_color" value="'.esc_attr($policy[$view]['cookieadmin_details_wrapper_color']).'" class="cookieadmin-color-input">
226 256 </div>
227 257 </div>
228 - <div class="cookieadmin-setting-colors cookieadmin-vertical">
229 - <label for="cookieadmin_cookie_modal_bg_color">'.esc_html__('Background', 'cookieadmin').'</label>
230 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
258 + <div class="cookieadmin-vertical" style="gap:4px;">
259 + <label for="cookieadmin_cookie_modal_bg_color" style="font-size:12px; font-weight:500;">'.esc_html__('Background', 'cookieadmin').'</label>
260 + <div class="cookieadmin-color-holder">
231 261 <input type="color" id="cookieadmin_cookie_modal_bg_color_box" name="cookieadmin_cookie_modal_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_cookie_modal_bg_color']).'">
232 262 <input type="text" id="cookieadmin_cookie_modal_bg_color" name="cookieadmin_cookie_modal_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_cookie_modal_bg_color']).'" class="cookieadmin-color-input">
233 263 </div>
234 264 </div>
235 - <div class="cookieadmin-setting-colors cookieadmin-vertical">
236 - <label for="cookieadmin_cookie_modal_border_color">'.esc_html__('Border', 'cookieadmin').'</label>
237 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
265 + <div class="cookieadmin-vertical" style="gap:4px;">
266 + <label for="cookieadmin_cookie_modal_border_color" style="font-size:12px; font-weight:500;">'.esc_html__('Border', 'cookieadmin').'</label>
267 + <div class="cookieadmin-color-holder">
238 268 <input type="color" id="cookieadmin_cookie_modal_border_color_box" name="cookieadmin_cookie_modal_border_color_box" value="'.esc_attr($policy[$view]['cookieadmin_cookie_modal_border_color']).'">
239 269 <input type="text" id="cookieadmin_cookie_modal_border_color" name="cookieadmin_cookie_modal_border_color" value="'.esc_attr($policy[$view]['cookieadmin_cookie_modal_border_color']).'" class="cookieadmin-color-input">
240 270 </div>
241 271 </div>
242 272 </div>
243 -
244 - <div class="cookieadmin-setting-colors cookieadmin-setting-contents cookieadmin-horizontal" cookieadmin-pro-only="1">
245 - <div class="cookieadmin-setting-color cookieadmin-vertical">
246 - <label for="cookieadmin_links_color">'.esc_html__('Links', 'cookieadmin').wp_kses_post($cookieadmin_requires_pro).'</label>
247 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
248 - <input type="color" id="cookieadmin_links_color_box" name="cookieadmin_links_color_box" value="'.esc_attr($policy[$view]['cookieadmin_links_color']).'">
249 - <input type="text" id="cookieadmin_links_color" name="cookieadmin_links_color" value="'.esc_attr($policy[$view]['cookieadmin_links_color']).'" class="cookieadmin-color-input">
250 - </div>
273 + </div>
274 + <div>
275 + <label style="display:block; font-weight:600; font-size:13px; margin-bottom:10px;">'.esc_html__('Additional Colors', 'cookieadmin').'</label>
276 + <div class="cookieadmin-horizontal" style="flex-wrap:wrap; gap:16px;">
277 + <div class="cookieadmin-vertical" style="gap:4px;">
278 + <label for="cookieadmin_links_color" style="font-size:12px; font-weight:500;">'.esc_html__('Links', 'cookieadmin').'</label>
279 + <div class="cookieadmin-color-holder">
280 + <input type="color" id="cookieadmin_links_color_box" name="cookieadmin_links_color_box" value="'.esc_attr($policy[$view]['cookieadmin_links_color']).'">
281 + <input type="text" id="cookieadmin_links_color" name="cookieadmin_links_color" value="'.esc_attr($policy[$view]['cookieadmin_links_color']).'" class="cookieadmin-color-input">
251 282 </div>
252 - <div class="cookieadmin-setting-colors cookieadmin-vertical">
253 - <label for="cookieadmin_slider_on_bg_color">'.esc_html__('Button Switch On', 'cookieadmin').wp_kses_post($cookieadmin_requires_pro).'</label>
254 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
255 - <input type="color" id="cookieadmin_slider_on_bg_color_box" name="cookieadmin_slider_on_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_slider_on_bg_color']).'">
256 - <input type="text" id="cookieadmin_slider_on_bg_color" name="cookieadmin_slider_on_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_slider_on_bg_color']).'" class="cookieadmin-color-input">
257 - </div>
283 + </div>
284 + <div class="cookieadmin-vertical" style="gap:4px;">
285 + <label for="cookieadmin_slider_on_bg_color" style="font-size:12px; font-weight:500;">'.esc_html__('Button Switch On', 'cookieadmin').'</label>
286 + <div class="cookieadmin-color-holder">
287 + <input type="color" id="cookieadmin_slider_on_bg_color_box" name="cookieadmin_slider_on_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_slider_on_bg_color']).'">
288 + <input type="text" id="cookieadmin_slider_on_bg_color" name="cookieadmin_slider_on_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_slider_on_bg_color']).'" class="cookieadmin-color-input">
258 289 </div>
259 - <div class="cookieadmin-setting-colors cookieadmin-vertical">
260 - <label for="cookieadmin_slider_off_bg_color">'.esc_html__('Button Switch Off', 'cookieadmin').wp_kses_post($cookieadmin_requires_pro).'</label>
261 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
262 - <input type="color" id="cookieadmin_slider_off_bg_color_box" name="cookieadmin_slider_off_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_slider_off_bg_color']).'">
263 - <input type="text" id="cookieadmin_slider_off_bg_color" name="cookieadmin_slider_off_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_slider_off_bg_color']).'" class="cookieadmin-color-input">
264 - </div>
290 + </div>
291 + <div class="cookieadmin-vertical" style="gap:4px;">
292 + <label for="cookieadmin_slider_off_bg_color" style="font-size:12px; font-weight:500;">'.esc_html__('Button Switch Off', 'cookieadmin').'</label>
293 + <div class="cookieadmin-color-holder">
294 + <input type="color" id="cookieadmin_slider_off_bg_color_box" name="cookieadmin_slider_off_bg_color_box" value="'.esc_attr($policy[$view]['cookieadmin_slider_off_bg_color']).'">
295 + <input type="text" id="cookieadmin_slider_off_bg_color" name="cookieadmin_slider_off_bg_color" value="'.esc_attr($policy[$view]['cookieadmin_slider_off_bg_color']).'" class="cookieadmin-color-input">
265 296 </div>
266 297 </div>
267 -
268 298 </div>
269 299 </div>
270 -
271 - <div class="cookieadmin-setting reconsent">
272 - <label class="cookieadmin-title">'.esc_html__('Re-consent Icon', 'cookieadmin').wp_kses_post($cookieadmin_requires_pro).'</label>
273 - <div class="cookieadmin-setting-contents cookieadmin-vertical" cookieadmin-pro-only="1">
274 -
275 - <div class="cookieadmin-setting-contents cookieadmin-reconsent-icons-grid">
276 - ' . wp_kses($icons_grid, cookieadmin_kses_allowed_html()) . '
277 - <div class="cookieadmin-custom-reconsent-url">
278 - <input type="text" id="cookieadmin_reconsent_img_url" name="cookieadmin_reconsent_img_url" style="width: 50vw;" placeholder="'.esc_attr__('Insert custom icon url here', 'cookieadmin').'" value="'.(!empty($policy[$view]['cookieadmin_reconsent_img_url']) ? esc_attr($policy[$view]['cookieadmin_reconsent_img_url']) : '').'">
279 - </div>
280 - <div class="cookieadmin-reconsent-file-upload">
281 - <input type="button" class="button button-secondary" id="cookieadmin_upload_icon_btn" value="'.esc_attr__( 'Upload Icon', 'cookieadmin' ).'">
282 - </div>
300 + </div>
301 + </div>
302 + </div>
303 +
304 + <div class="cookieadmin-card" cookieadmin-pro-only="1">
305 + <div class="cookieadmin-card-header">
306 + <span class="cookieadmin-card-title">'.esc_html__('Re-consent Icon', 'cookieadmin').wp_kses_post($cookieadmin_requires_pro).'</span>
307 + </div>
308 + <div class="cookieadmin-card-body">
309 + <div class="cookieadmin-vertical" style="gap:12px;">
310 + <div class="cookieadmin-reconsent-icons-grid">
311 + <div class="cookieadmin-reconsent-icons-list">
312 + ' . wp_kses($icons_grid, cookieadmin_kses_allowed_html()) . '
283 313 </div>
284 -
285 - <div class="cookieadmin-setting-contents cookieadmin-setting-colors cookieadmin-horizontal">
286 - <div class="cookieadmin-setting-colors cookieadmin-vertical">
287 - <label for="cookieadmin_re_consent_bg_color">'.esc_html__('Background', 'cookieadmin').'</label>
288 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
289 - <input type="color" id="cookieadmin_re_consent_bg_color_box" name="cookieadmin_re_consent_bg_color_box" value="'.(!empty($policy[$view]['cookieadmin_re_consent_bg_color']) ? esc_attr($policy[$view]['cookieadmin_re_consent_bg_color']) : '#374FD4').'">
290 - <input type="text" id="cookieadmin_re_consent_bg_color" name="cookieadmin_re_consent_bg_color" value="'.(!empty($policy[$view]['cookieadmin_re_consent_bg_color']) ? esc_attr($policy[$view]['cookieadmin_re_consent_bg_color']) : '#374FD4').'" class="cookieadmin-color-input">
291 - </div>
292 - </div>
293 - </div>
314 + <div class="cookieadmin-custom-reconsent-url cookieadmin-mt-16">
315 + <input type="text" id="cookieadmin_reconsent_img_url" name="cookieadmin_reconsent_img_url" style="width:100%; max-width:500px;" placeholder="'.esc_attr__('Insert custom icon url here', 'cookieadmin').'" value="'.(!empty($policy[$view]['cookieadmin_reconsent_img_url']) ? esc_attr($policy[$view]['cookieadmin_reconsent_img_url']) : '').'">
316 + </div>
317 + <div class="cookieadmin-mt-16">
318 + <input type="button" class="cookieadmin-btn cookieadmin-btn-secondary" id="cookieadmin_upload_icon_btn" value="'.esc_attr__( 'Upload Icon', 'cookieadmin' ).'">
319 + </div>
294 320 </div>
321 + <div class="cookieadmin-vertical" style="gap:4px; margin-top:16px;">
322 + <label for="cookieadmin_re_consent_bg_color" style="font-size:12px; font-weight:500;">'.esc_html__('Background', 'cookieadmin').'</label>
323 + <div class="cookieadmin-color-holder">
324 + <input type="color" id="cookieadmin_re_consent_bg_color_box" name="cookieadmin_re_consent_bg_color_box" value="'.(!empty($policy[$view]['cookieadmin_re_consent_bg_color']) ? esc_attr($policy[$view]['cookieadmin_re_consent_bg_color']) : '#374FD4').'">
325 + <input type="text" id="cookieadmin_re_consent_bg_color" name="cookieadmin_re_consent_bg_color" value="'.(!empty($policy[$view]['cookieadmin_re_consent_bg_color']) ? esc_attr($policy[$view]['cookieadmin_re_consent_bg_color']) : '#374FD4').'" class="cookieadmin-color-input">
326 + </div>
327 + </div>
295 328 </div>
296 - <div class="cookieadmin-setting">
297 - <label class="cookieadmin-title">'.esc_html__('Policy Links', 'cookieadmin').wp_kses_post($cookieadmin_requires_pro).'</label>
298 - <div class="cookieadmin-setting-contents cookieadmin-vertical cookieadmin-policy-links" cookieadmin-pro-only="1">
299 - <div class="cookieadmin-policy-link cookieadmin-vertical">
300 - <label for="cookieadmin_privacy_policy">'.esc_html__('Privacy Policy', 'cookieadmin').'</label>
301 - <input type="text" id="cookieadmin_privacy_policy" name="cookieadmin_privacy_policy" style="width: 61vw;" placeholder="'.__('Insert Privacy Policy link here...', 'cookieadmin').'" value="'.(!empty($policy[$view]['cookieadmin_privacy_policy']) ? esc_attr($policy[$view]['cookieadmin_privacy_policy']) : '').'">
329 + </div>
330 + </div>
331 +
332 + <div class="cookieadmin-card cookieadmin-mt-16" cookieadmin-pro-only="1">
333 + <div class="cookieadmin-card-header">
334 + <span class="cookieadmin-card-title">'.esc_html__('Policy Links', 'cookieadmin').wp_kses_post($cookieadmin_requires_pro).'</span>
335 + </div>
336 + <div class="cookieadmin-card-body">
337 + <div class="cookieadmin-vertical" style="gap:16px;">
338 + <div class="cookieadmin-vertical" style="gap:4px;">
339 + <label for="cookieadmin_privacy_policy" style="font-size:13px; font-weight:500;">'.esc_html__('Privacy Policy', 'cookieadmin').'</label>
340 + <input type="text" id="cookieadmin_privacy_policy" name="cookieadmin_privacy_policy" style="width:100%; max-width:500px;" placeholder="'.__('Insert Privacy Policy link here...', 'cookieadmin').'" value="'.(!empty($policy[$view]['cookieadmin_privacy_policy']) ? esc_attr($policy[$view]['cookieadmin_privacy_policy']) : '').'">
341 + </div>
342 + <div class="cookieadmin-vertical" style="gap:4px;">
343 + <label for="cookieadmin_cookie_policy" style="font-size:13px; font-weight:500;">'.esc_html__('Cookie Policy', 'cookieadmin').'</label>
344 + <input type="text" id="cookieadmin_cookie_policy" name="cookieadmin_cookie_policy" style="width:100%; max-width:500px;" placeholder="'.__('Insert Cookie Policy link here...', 'cookieadmin').'" value="'.(!empty($policy[$view]['cookieadmin_cookie_policy']) ? esc_attr($policy[$view]['cookieadmin_cookie_policy']) : '').'">
345 + </div>
346 + <div>
347 + <label style="font-size:13px; font-weight:500; display:block; margin-bottom:8px;">'.esc_html__('Visibility', 'cookieadmin').'</label>
348 + <div class="cookieadmin-horizontal" style="gap:16px;">
349 + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;">
350 + <input type="checkbox" id="cookieadmin_privacy_policy_banner" name="cookieadmin_privacy_policy_banner" '.(!empty($policy[$view]['cookieadmin_privacy_policy_banner']) ? 'checked' : '').'>
351 + '.esc_html__('Banner', 'cookieadmin').'
352 + </label>
353 + <label class="cookieadmin-horizontal" style="cursor:pointer; font-weight:400;">
354 + <input type="checkbox" id="cookieadmin_privacy_policy_pref" name="cookieadmin_privacy_policy_pref" '.(!empty($policy[$view]['cookieadmin_privacy_policy_pref']) ? 'checked' : '').'>
355 + '.esc_html__('Preference', 'cookieadmin').'
356 + </label>
302 357 </div>
303 - <div class="cookieadmin-policy-link cookieadmin-vertical">
304 - <label for="cookieadmin_cookie_policy">'.esc_html__('Cookie Policy', 'cookieadmin').'</label>
305 - <input type="text" id="cookieadmin_cookie_policy" name="cookieadmin_cookie_policy" style="width: 61vw;" placeholder="'.__('Insert Cookie Policy link here...', 'cookieadmin').'" value="'.(!empty($policy[$view]['cookieadmin_cookie_policy']) ? esc_attr($policy[$view]['cookieadmin_cookie_policy']) : '').'">
358 + </div>
359 + <div class="cookieadmin-vertical" style="gap:4px;">
360 + <label for="cookieadmin_policy_link_color" style="font-size:12px; font-weight:500;">'.esc_html__('Link Color', 'cookieadmin').'</label>
361 + <div class="cookieadmin-color-holder">
362 + <input type="color" id="cookieadmin_policy_link_color_box" name="cookieadmin_policy_link_color_box" value="'.(!empty($policy[$view]['cookieadmin_policy_link_color']) ? esc_attr($policy[$view]['cookieadmin_policy_link_color']) : '').'">
363 + <input type="text" id="cookieadmin_policy_link_color" name="cookieadmin_policy_link_color" value="'.(!empty($policy[$view]['cookieadmin_policy_link_color']) ? esc_attr($policy[$view]['cookieadmin_policy_link_color']) : '').'" class="cookieadmin-color-input">
306 364 </div>
307 -
308 - <div class="cookieadmin-vertical">
309 - <label for="cookieadmin_privacy_policy_visibility">'.esc_html__('Visiblity', 'cookieadmin').'</label>
310 - <div class="cookieadmin-horizontal cookieadmin-privacy-policy-visibility">
311 - <span>
312 - <input type="checkbox" id="cookieadmin_privacy_policy_banner" name="cookieadmin_privacy_policy_banner" '.(!empty($policy[$view]['cookieadmin_privacy_policy_banner']) ? 'checked' : '').'>
313 - <label for="cookieadmin_privacy_policy_banner">'.esc_html__('Banner', 'cookieadmin').'</label>
314 - </span>
315 - <span>
316 - <input type="checkbox" id="cookieadmin_privacy_policy_pref" name="cookieadmin_privacy_policy_pref" '.(!empty($policy[$view]['cookieadmin_privacy_policy_pref']) ? 'checked' : '').'>
317 - <label for="cookieadmin_privacy_policy_pref">'.esc_html__('Preference', 'cookieadmin').'</label>
318 - </span>
319 - </div>
320 - </div>
321 -
322 - <div class="cookieadmin-horizontal">
323 - <div class="cookieadmin-setting-colors cookieadmin-vertical">
324 - <label for="cookieadmin_policy_link_color">'.esc_html__('Link', 'cookieadmin').'</label>
325 - <div class="cookieadmin-color-holder cookieadmin-horizontal">
326 - <input type="color" id="cookieadmin_policy_link_color_box" name="cookieadmin_policy_link_color_box" value="'.(!empty($policy[$view]['cookieadmin_policy_link_color']) ? esc_attr($policy[$view]['cookieadmin_policy_link_color']) : '').'">
327 - <input type="text" id="cookieadmin_policy_link_color" name="cookieadmin_policy_link_color" value="'.(!empty($policy[$view]['cookieadmin_policy_link_color']) ? esc_attr($policy[$view]['cookieadmin_policy_link_color']) : '').'" class="cookieadmin-color-input">
328 - </div>
329 - </div>
330 - </div>
331 365 </div>
332 366 </div>
333 -
334 - <div class="cookieadmin-setting cookieadmin-save-settings">
335 - <div class="cookieadmin-setting-contents">
336 - <input type="submit" name="cookieadmin_save_settings" class="cookieadmin-btn cookieadmin-btn-primary action" value="'.esc_html__('Save Settings', 'cookieadmin').'">
337 - <input type="button" id="cookieadmin_show_preview" name="cookieadmin_show_preview" class="cookieadmin-btn cookieadmin-btn-secondary" value="'.esc_html__('Show Preview', 'cookieadmin').'">
338 - <div>
339 - <div>
340 367 </div>
368 + </div>';
369 +
370 + wp_nonce_field('cookieadmin_admin_nonce', 'cookieadmin_security');
371 +
372 + echo '
373 + <div class="cookieadmin-save-bar">
374 + <button type="button" id="cookieadmin_show_preview" class="cookieadmin-btn cookieadmin-btn-ghost"><span class="dashicons dashicons-visibility"></span>'.esc_html__('Show Preview', 'cookieadmin').'</button>
375 + <button type="button" id="cookieadmin_hide_preview" class="cookieadmin-btn cookieadmin-btn-ghost" style="display:none;"><span class="dashicons dashicons-hidden"></span>'.esc_html__('Hide Preview', 'cookieadmin').'</button>
376 + <input type="submit" name="cookieadmin_save_settings" class="cookieadmin-btn cookieadmin-btn-primary" value="'.esc_html__('Save Settings', 'cookieadmin').'">
341 377 </div>
342 - ';
343 - wp_nonce_field('cookieadmin_admin_nonce', 'cookieadmin_security');
344 - echo '<br/>
345 - <br/>
378 +
346 379 </form>
347 380 </div>';
348 381 \CookieAdmin\Admin::footer_theme();
349 382
@@ -459,5 +492,5 @@
459 492 if(empty($cookieadmin_error)){
460 493 $cookieadmin_msg = __('Settings saved successfully', 'cookieadmin');
461 494 }
462 495 }
463 -}
496 +}