chatbot / admin_ui.php

admin_ui.php in WPBot – AI ChatBot for Live Support, Lead Generation, AI Services 2.9.5, at admin_ui.php

1,590 lines 123.3 KB

Raw Download Zip

1	<div class="wrap">
2	<h1 style="display:none"><?php _e('WPBot', 'wpchatbot'); ?> </h1>
3	</div>
4	<div class="wp-chatbot-wrap">
5	<div class="icon32"><br></div>
6	<form action="<?php echo esc_attr($action); ?>" method="POST" id="wp-chatbot-admin-form"
7	enctype="multipart/form-data">
8	<div class="container form-container">
9	<header class="wp-chatbot-admin-header">
10	<div class="row">
11	<div class="col-sm-6">
12	<h2><?php echo __('WPBot Control Panel', 'wpchatbot'); ?><?php echo get_option('wp_chatbot_index_meta'); ?></h2>
13	</div>
14	<div class="col-sm-6 text-right wp-chatbot-version">
15	<h3><?php _e('The Lite Version', 'wpchatbot'); ?></h3>
16	<p><a target="_blank" href="https://www.quantumcloud.com/"><?php _e('WPBot is a project by Web Design Company QuantumCloud', 'wpchatbot'); ?></a></p>
17	<p><a style="color: #b2ff20;" href="https://www.quantumcloud.com/products/chatbot-for-wordpress/" target="_blank">Upgrade To Pro</a></p>
18	</div>
19	</div>
20	</header>
21	<section class="wp-chatbot-tab-container-inner">
22	<div class="wp-chatbot-tabs wp-chatbot-tabs-style-flip">
23	<nav>
24	<ul>
25	<li tab-data="general"><a href="<?php echo esc_attr($action); ?>&tab=general">
26	<span class="wpwbot-admin-tab-icon">
27	<i class="fa fa-toggle-on"> </i>
28	</span>
29	<span class="wpwbot-admin-tab-name"> <?php _e('GENERAL SETTINGS', 'wpchatbot'); ?></span>
30	</a></li>
31	<li tab-data="themes"><a href="<?php echo esc_attr($action); ?>&tab=themes">
32	<span class="wpwbot-admin-tab-icon">
33	<i class="fa fa-gear faa-spin"></i>
34	</span>
35	<span class="wpwbot-admin-tab-name"> <?php _e('ICONS & THEMES', 'wpchatbot'); ?></span>
36	</a></li>
37	<li tab-data="support"><a href="<?php echo esc_attr($action); ?>&tab=support">
38	<span class="wpwbot-admin-tab-icon">
39	<i class="fa fa-life-ring"></i>
40	</span>
41	<span class="wpwbot-admin-tab-name"> <?php _e('FAQ Builder', 'wpchatbot'); ?></span>
42	</a></li>
43	<!--<li tab-data="notification"><a href="<?php echo esc_attr($action); ?>&tab=notification">
44	<span class="wpwbot-admin-tab-icon">
45	<i class="fa fa-bell-o"></i>
46	</span>
47	<span class="wpwbot-admin-tab-name"><?php _e('Notification Builder', 'wpchatbot'); ?></span>
48	</a></li>-->
49	<li tab-data="language"><a href="<?php echo esc_attr($action); ?>&tab=language">
50	<span class="wpwbot-admin-tab-icon">
51	<i class="fa fa-language"></i>
52	</span>
53	<span class="wpwbot-admin-tab-name"><?php _e('LANGUAGE CENTER', 'wpchatbot'); ?></span>
54	</a></li>
55
56
57	<!--<li tab-data="hours"><a href="<?php echo esc_attr($action); ?>&tab=hours">
58	<span class="wpwbot-admin-tab-icon">
59	<i class="fa fa-calendar"></i>
60	</span>
61	<span class="wpwbot-admin-tab-name"><?php _e('Bot Activity Hour', 'wpchatbot'); ?></span>
62	</a></li>-->
63	<li tab-data="ai"><a href="<?php echo esc_attr($action); ?>&tab=ai">
64	<span class="wpwbot-admin-tab-icon">
65	<i class="fa fa-500px"></i>
66	</span>
67	<span class="wpwbot-admin-tab-name"><?php _e('Artificial intelligence', 'wpchatbot'); ?></span>
68	</a></li>
69	<!--<li tab-data="app"><a href="<?php echo esc_attr($action); ?>&tab=app">
70	<span class="wpwbot-admin-tab-icon">
71	<i class="fa fa-mobile"></i>
72	</span>
73	<span class="wpwbot-admin-tab-name"><?php _e('MOBILE APP', 'wpchatbot'); ?></span>
74	</a></li>
75	<li tab-data="custom"><a href="<?php echo esc_attr($action); ?>&tab=custom">
76	<span class="wpwbot-admin-tab-icon">
77	<i class="fa fa-code"></i>
78	</span>
79	<span class="wpwbot-admin-tab-name"><?php _e('Custom CSS', 'wpchatbot'); ?> </span>
80	</a></li>-->
81	<li tab-data="addons"><a href="<?php echo esc_attr($action); ?>&tab=addons">
82	<span class="wpwbot-admin-tab-icon">
83	<i class="fa fa-puzzle-piece" aria-hidden="true"></i>
84	</span>
85	<span class="wpwbot-admin-tab-name"><?php echo esc_html__('Addons', 'wpchatbot'); ?> </span>
86	</a></li>
87	</ul>
88	<a class="wpbot_free_messenger_adds" href="https://wordpress.org/plugins/chatbot-for-messenger/" target="_blank">Try our new ChatBot for Messenger WPBot addon free</a>
89	</nav>
90	<div class="content-wrap">
91	<section id="section-flip-1">
92	<div class="top-section">
93	<div class="row">
94	<div class="col-xs-12">
95	<div class="cxsc-settings-blocks">
96	<div class="form-group">
97	<?php
98	$url = get_site_url();
99	$url = parse_url($url);
100	$domain = $url['host'];
101
102	$admin_email = get_option('admin_email');
103	?>
104	<h4 class="qc-opt-title"><?php echo esc_html__('Emails Will be Sent to', 'wpchatbot'); ?></h4>
105	<input type="text" class="form-control qc-opt-dcs-font"
106	name="qlcd_wp_chatbot_admin_email"
107	value="<?php echo(get_option('qlcd_wp_chatbot_admin_email') != '' ? get_option('qlcd_wp_chatbot_admin_email') : $admin_email); ?>">
108	<label for="disable_wp_chatbot"><?php echo esc_html__('Support and Call Back requests will be sent to this address', 'wpchatbot'); ?> </label>
109	</div>
110	</div>
111
112	</div>
113	</div>
114	<div class="row">
115	<div class="col-xs-12">
116	<h4 class="qc-opt-title"> <?php _e('Disable WPBot', 'wpchatbot'); ?> </h4>
117	<div class="cxsc-settings-blocks">
118	<input value="1" id="disable_wp_chatbot" type="checkbox"
119	name="disable_wp_chatbot" <?php echo(get_option('disable_wp_chatbot') == 1 ? 'checked' : ''); ?>>
120	<label for="disable_wp_chatbot"><?php _e('Disable WPBot to Load', 'wpchatbot'); ?> </label>
121	</div>
122	</div>
123	</div>
124	<!--<div class="row">
125	<div class="col-xs-12">
126	<h4 class="qc-opt-title"> <?php _e('Disable WPbot on Mobile Device', 'wpchatbot'); ?> </h4>
127	<div class="cxsc-settings-blocks">
128	<input value="1" id="disable_wp_chatbot_on_mobile" type="checkbox"
129	name="disable_wp_chatbot_on_mobile" <?php echo(get_option('disable_wp_chatbot_on_mobile') == 1 ? 'checked' : ''); ?>>
130	<label for="disable_wp_chatbot_on_mobile"><?php _e('Disable WpBot to Load on Mobile Device', 'wpchatbot'); ?> </label>
131	</div>
132	</div>
133	</div>-->
134	<!--<div class="row">
135	<div class="col-xs-12">
136	<h4 class="qc-opt-title"> <?php _e('Sound on Page Load', 'wpchatbot'); ?> </h4>
137	<div class="form-group">
138	<input value="1" id="enable_wp_chatbot_sound_initial" type="checkbox"
139	name="enable_wp_chatbot_sound_initial" <?php echo(get_option('enable_wp_chatbot_sound_initial') == 1 ? 'checked' : ''); ?>>
140	<label for="enable_wp_chatbot_sound_initial"><?php _e('Enable to play sound on initial page load', 'wpchatbot'); ?> </label>
141	</div>
142	</div>
143	</div>-->
144
145	<!-- row-->
146	<!--<div class="row">
147	<div class="col-xs-12">
148	<h4 class="qc-opt-title"> <?php _e('Disable WpBot Icon Animation', 'wpchatbot'); ?> </h4>
149	<div class="cxsc-settings-blocks">
150	<input value="1" id="disable_wp_chatbot_icon_animation" type="checkbox"
151	name="disable_wp_chatbot_icon_animation" <?php echo(get_option('disable_wp_chatbot_icon_animation') == 1 ? 'checked' : ''); ?>>
152	<label for="disable_wp_chatbot_icon_animation"><?php _e('Disable WpBot icon border animation', 'wpchatbot'); ?> </label>
153	</div>
154	</div>
155	</div>-->
156
157
158
159	<!--<div class="row">
160	<div class="col-xs-12">
161	<h4 class="qc-opt-title"><?php _e('Disable WpBot Opening Notification', 'wpchatbot'); ?> </h4>
162	<div class="cxsc-settings-blocks">
163	<input value="1" id="disable_wp_chatbot_notification" type="checkbox"
164	name="disable_wp_chatbot_notification" <?php echo(get_option('disable_wp_chatbot_notification') == 1 ? 'checked' : ''); ?>>
165	<label for="disable_wp_chatbot_notification"><?php _e('Disable WpBot Opening notification messages', 'wpchatbot'); ?> </label>
166	</div>
167	</div>
168	</div>-->
169	<div class="row">
170	<div class="col-xs-12">
171	<h4 class="qc-opt-title"><?php _e('Enable RTL', 'wpchatbot'); ?> </h4>
172	<div class="cxsc-settings-blocks">
173	<input value="1" id="enable_wp_chatbot_rtl" type="checkbox"
174	name="enable_wp_chatbot_rtl" <?php echo(get_option('enable_wp_chatbot_rtl') == 1 ? 'checked' : ''); ?>>
175	<label for="enable_wp_chatbot_rtl"><?php _e('Enable RTL (Right to Left language) Support for Chat', 'wpchatbot'); ?> </label>
176	</div>
177	</div>
178	</div>
179	<!--<div class="row">
180	<div class="col-xs-12">
181	<h4 class="qc-opt-title"><?php _e('Disable Call Me', 'wpchatbot'); ?> </h4>
182	<div class="cxsc-settings-blocks">
183	<input value="1" id="disable_wp_chatbot_call_sup" type="checkbox"
184	name="disable_wp_chatbot_call_sup" <?php echo(get_option('disable_wp_chatbot_call_sup') == 1 ? 'checked' : ''); ?>>
185	<label for="disable_wp_chatbot_call_sup"><?php _e('Disable Call Me button', 'wpchatbot'); ?> </label>
186	</div>
187	</div>
188	</div>-->
189
190	<!-- row-->
191	<div class="row">
192	<div class="col-xs-12">
193	<h4 class="qc-opt-title"><?php _e('WPBot Open Full Screen in Mobile', 'wpchatbot'); ?> </h4>
194	<div class="cxsc-settings-blocks">
195	<input value="1" id="enable_wp_chatbot_mobile_full_screen" type="checkbox"
196	name="enable_wp_chatbot_mobile_full_screen" <?php echo(get_option('enable_wp_chatbot_mobile_full_screen') == 1 ? 'checked' : ''); ?>>
197	<label for="enable_wp_chatbot_mobile_full_screen"><?php _e('Enable WpBot Open Full Screen in Mobile', 'wpchatbot'); ?> </label>
198	</div>
199	</div>
200	</div>
201	<div class="row">
202	<div class="col-xs-12">
203	<h4 class="qc-opt-title"><?php _e('Override WPBot Icon\'s Position', 'wpchatbot'); ?> </h4>
204	<div class="cxsc-settings-blocks">
205	<?php
206	$qcld_wb_chatbot_position_x = get_option('wp_chatbot_position_x');
207	if ((!isset($qcld_wb_chatbot_position_x)) \|\| ($qcld_wb_chatbot_position_x == "")) {
208	$qcld_wb_chatbot_position_x = __("120", "wp_chatbot");
209	}
210	$qcld_wb_chatbot_position_y = get_option('wp_chatbot_position_y');
211	if ((!isset($qcld_wb_chatbot_position_y)) \|\| ($qcld_wb_chatbot_position_y == "")) {
212	$qcld_wb_chatbot_position_y = __("120", "wp_chatbot");
213	} ?>
214	<input type="number" class="qc-opt-dcs-font"
215	name="wp_chatbot_position_x"
216	id=""
217	value="<?php echo($qcld_wb_chatbot_position_x); ?>"
218	placeholder="<?php _e('From Right In px', 'wpchatbot'); ?>"> <span class="qc-opt-dcs-font"><?php _e('From Right In px', 'wpchatbot'); ?></span>
219	<input type="number" class="qc-opt-dcs-font"
220	name="wp_chatbot_position_y"
221	id=""
222	value="<?php echo($qcld_wb_chatbot_position_y); ?>"
223	placeholder="<?php _e('From Bottom In Px', 'wpchatbot'); ?>"> <span class="qc-opt-dcs-font"><?php _e('From Bottom In px', 'wpchatbot'); ?></span>
224	</div>
225	</div>
226	<!--.col-sm-12-->
227	</div>
228	<!-- row-->
229
230	<div class="row">
231	<div class="col-xs-12">
232	<h4 class="qc-opt-title"><strong> <?php _e('WPBot', 'wpchatbot'); ?></strong> <?php _e('Loading Control Options', 'wpchatbot'); ?> </h4>
233	<div class="cxsc-settings-blocks">
234	<div class="row">
235	<div class="col-sm-4 text-right">
236	<span class="qc-opt-title-font"><?php _e('Show on Home Page', 'wpchatbot'); ?></span>
237	</div>
238	<div class="col-sm-8">
239	<label class="radio-inline">
240	<input id="wp-chatbot-show-home-page" type="radio"
241	name="wp_chatbot_show_home_page"
242	value="on" <?php echo(get_option('wp_chatbot_show_home_page') == 'on' ? 'checked' : ''); ?>>
243	<?php _e('YES', 'wpchatbot'); ?>
244	</label>
245	<label class="radio-inline">
246	<input id="wp-chatbot-show-home-page" type="radio"
247	name="wp_chatbot_show_home_page"
248	value="off" <?php echo(get_option('wp_chatbot_show_home_page') == 'off' ? 'checked' : ''); ?>>
249	<?php _e('NO', 'wpchatbot'); ?>
250	</label>
251	</div>
252	</div>
253	<!-- row-->
254	<div class="row">
255	<div class="col-sm-4 text-right">
256	<span class="qc-opt-title-font"><?php _e('Show on blog posts', 'wpchatbot'); ?></span>
257	</div>
258	<div class="col-sm-8">
259	<label class="radio-inline">
260	<input class="wp-chatbot-show-posts" type="radio"
261	name="wp_chatbot_show_posts"
262	value="on" <?php echo(get_option('wp_chatbot_show_posts') == 'on' ? 'checked' : ''); ?>>
263	<?php _e('YES', 'wpchatbot'); ?>
264	</label>
265	<label class="radio-inline">
266	<input class="wp-chatbot-show-posts" type="radio"
267	name="wp_chatbot_show_posts"
268	value="off" <?php echo(get_option('wp_chatbot_show_posts') == 'off' ? 'checked' : ''); ?>>
269	<?php _e('NO', 'wpchatbot'); ?>
270	</label>
271	</div>
272	</div>
273	<!-- row-->
274	<div class="row">
275	<div class="col-md-4 text-right">
276	<span class="qc-opt-title-font"><?php _e('Show on pages', 'wpchatbot'); ?></span>
277	</div>
278	<div class="col-md-8">
279	<label class="radio-inline">
280	<input class="wp-chatbot-show-pages" type="radio"
281	name="wp_chatbot_show_pages"
282	value="on" <?php echo(get_option('wp_chatbot_show_pages') == 'on' ? 'checked' : ''); ?>>
283	<?php _e('All Pages', 'wpchatbot'); ?>
284	</label>
285	<label class="radio-inline">
286	<input class="wp-chatbot-show-pages" type="radio"
287	name="wp_chatbot_show_pages"
288	value="off" <?php echo(get_option('wp_chatbot_show_pages') == 'off' ? 'checked' : ''); ?>>
289	<?php _e('Selected Pages Only ', 'wpchatbot'); ?></label>
290	<div id="wp-chatbot-show-pages-list">
291	<ul class="checkbox-list">
292	<?php
293	$wp_chatbot_pages = get_pages();
294	$wp_chatbot_select_pages = unserialize(get_option('wp_chatbot_show_pages_list'));
295	foreach ($wp_chatbot_pages as $wp_chatbot_page) {
296	?>
297	<li>
298	<input
299	id="wp_chatbot_show_page_<?php echo $wp_chatbot_page->ID; ?>"
300	type="checkbox"
301	name="wp_chatbot_show_pages_list[]"
302	value="<?php echo $wp_chatbot_page->ID; ?>" <?php if (!empty($wp_chatbot_select_pages) && in_array($wp_chatbot_page->ID, $wp_chatbot_select_pages) == true) {
303	echo 'checked';
304	} ?> >
305	<label
306	for="wp_chatbot_show_page_<?php echo $wp_chatbot_page->ID; ?>"> <?php echo $wp_chatbot_page->post_title; ?></label>
307	</li>
308	<?php } ?>
309	</ul>
310	</div>
311	</div>
312	</div>
313
314	</div>
315	<!-- cxsc-settings-blocks-->
316	</div>
317	<!-- col-xs-12-->
318	</div>
319	<!-- row-->
320	<div class="row">
321	<div class="col-xs-12">
322	<h2>Predefined Intents</h2>
323
324
325	<div class="row">
326	<div class="col-xs-12">
327	<h4 class="qc-opt-title"><?php _e('Disable Call Me', 'wpchatbot'); ?> </h4>
328	<div class="cxsc-settings-blocks">
329	<input value="1" id="disable_wp_chatbot_call_gen" type="checkbox"
330	name="disable_wp_chatbot_call_gen" <?php echo(get_option('disable_wp_chatbot_call_gen') == 1 ? 'checked' : ''); ?>>
331	<label for="disable_wp_chatbot_call_gen"><?php _e('Disable Call Me feature and button on start', 'wpchatbot'); ?> </label>
332	</div>
333	</div>
334	</div>
335	<div class="row">
336	<div class="col-xs-12">
337	<h4 class="qc-opt-title"><?php _e('Disable Email', 'wpchatbot'); ?> </h4>
338	<div class="cxsc-settings-blocks">
339	<input value="1" id="disable_wp_chatbot_feedback" type="checkbox"
340	name="disable_wp_chatbot_feedback" <?php echo(get_option('disable_wp_chatbot_feedback') == 1 ? 'checked' : ''); ?>>
341	<label for="disable_wp_chatbot_feedback"><?php _e('Disable Email feature and button on start', 'wpchatbot'); ?> </label>
342	</div>
343	</div>
344	</div>
345	<div class="row">
346	<div class="col-xs-12">
347	<h4 class="qc-opt-title"><?php _e('Disable FAQ', 'wpchatbot'); ?> </h4>
348	<div class="cxsc-settings-blocks">
349	<input value="1" id="disable_wp_chatbot_faq" type="checkbox"
350	name="disable_wp_chatbot_faq" <?php echo(get_option('disable_wp_chatbot_faq') == 1 ? 'checked' : ''); ?>>
351	<label for="disable_wp_chatbot_faq"><?php _e('Disable FAQ feature and button on start', 'wpchatbot'); ?> </label>
352	</div>
353	</div>
354	</div>
355	<div class="row">
356	<div class="col-xs-12">
357	<h4 class="qc-opt-title"><?php _e('Custom Intents', 'wpchatbot'); ?> </h4>
358	<div class="cxsc-settings-blocks">
359
360	<label for="disable_wp_chatbot_faq"><?php _e('Coming Soon', 'wpchatbot'); ?> </label>
361	</div>
362	</div>
363	</div>
364
365	</div>
366	</div>
367	</div>
368	<!-- top-section-->
369	</section>
370	<section id="section-flip-2">
371	<div class="top-section">
372
373	<div class="row">
374	<div class="col-xs-12">
375
376	<div class="row">
377	<div class="col-xs-12">
378	<p class="wpqcld_chk_seft">
379	<a target="_blank" href="https://www.quantumcloud.com/products/themes/chatbot-theme/"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL ?>/chatbot-theme.jpg" alt="" /></a>
380	</p>
381	</div>
382	</div>
383
384	<h4 class="qc-opt-title"><?php _e('WPBot Icon', 'wpchatbot'); ?></h4>
385	<div class="cxsc-settings-blocks">
386	<ul class="radio-list">
387	<!--<li><label for="wp_chatbot_icon_0" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-0.png"
388	alt=""> <input id="wp_chatbot_icon_0" type="radio"
389	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-0.png' ? 'checked' : ''); ?>
390	value="icon-0.png">
391	<?php _e('Icon - 0', 'wpchatbot'); ?></label>
392	</li>
393	<li><label for="wp_chatbot_icon_1" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-1.png"
394	alt=""> <input id="wp_chatbot_icon_1" type="radio"
395	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-1.png' ? 'checked' : ''); ?>
396	value="icon-1.png">
397	<?php _e('Icon - 1', 'wpchatbot'); ?></label>
398	</li>-->
399	<li><label for="wp_chatbot_icon_2" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-2.png"
400	alt=""> <input id="wp_chatbot_icon_2" type="radio"
401	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-2.png' ? 'checked' : ''); ?>
402	value="icon-2.png">
403	<?php _e('Icon - 2', 'wpchatbot'); ?></label>
404	</li>
405	<li><label for="wp_chatbot_icon_3" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-3.png"
406	alt=""> <input id="wp_chatbot_icon_3" type="radio"
407	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-3.png' ? 'checked' : ''); ?>
408	value="icon-3.png">
409	<?php _e('Icon - 3', 'wpchatbot'); ?></label>
410	</li>
411	<li><label for="wp_chatbot_icon_4" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-4.png"
412	alt=""> <input id="wp_chatbot_icon_4" type="radio"
413	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-4.png' ? 'checked' : ''); ?>
414	value="icon-4.png">
415	<?php _e('Icon - 4', 'wpchatbot'); ?></label>
416	</li>
417	<li><label for="wp_chatbot_icon_5" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-5.png"
418	alt=""> <input id="wp_chatbot_icon_5" type="radio"
419	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-5.png' ? 'checked' : ''); ?>
420	value="icon-5.png">
421	<?php _e('Icon - 5', 'wpchatbot'); ?></label>
422	</li>
423	<li><label for="wp_chatbot_icon_6" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-6.png"
424	alt=""> <input id="wp_chatbot_icon_6" type="radio"
425	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-6.png' ? 'checked' : ''); ?>
426	value="icon-6.png">
427	<?php _e('Icon - 6', 'wpchatbot'); ?></label>
428	</li>
429	<li><label for="wp_chatbot_icon_7" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-7.png"
430	alt=""> <input id="wp_chatbot_icon_7" type="radio"
431	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-7.png' ? 'checked' : ''); ?>
432	value="icon-7.png">
433	<?php _e('Icon - 7', 'wpchatbot'); ?></label>
434	</li>
435	<li><label for="wp_chatbot_icon_8" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-8.png"
436	alt=""> <input id="wp_chatbot_icon_8" type="radio"
437	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-8.png' ? 'checked' : ''); ?>
438	value="icon-8.png">
439	<?php _e('Icon - 8', 'wpchatbot'); ?></label>
440	</li>
441	<li><label for="wp_chatbot_icon_9" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-9.png"
442	alt=""> <input id="wp_chatbot_icon_9" type="radio"
443	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-9.png' ? 'checked' : ''); ?>
444	value="icon-9.png">
445	<?php _e('Icon - 9', 'wpchatbot'); ?></label>
446	</li>
447	<li><label for="wp_chatbot_icon_10" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-10.png"
448	alt=""> <input id="wp_chatbot_icon_10" type="radio"
449	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-10.png' ? 'checked' : ''); ?>
450	value="icon-10.png">
451	<?php _e('Icon - 10', 'wpchatbot'); ?></label>
452	</li>
453	<li><label for="wp_chatbot_icon_11" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-11.png"
454	alt=""> <input id="wp_chatbot_icon_11" type="radio"
455	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-11.png' ? 'checked' : ''); ?>
456	value="icon-11.png">
457	<?php _e('Icon - 11', 'wpchatbot'); ?></label>
458	</li>
459	<li><label for="wp_chatbot_icon_12" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-12.png"
460	alt=""> <input id="wp_chatbot_icon_12" type="radio"
461	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-12.png' ? 'checked' : ''); ?>
462	value="icon-12.png">
463	<?php _e('Icon - 12', 'wpchatbot'); ?></label>
464	</li>
465	<li><label for="wp_chatbot_icon_13" class="qc-opt-dcs-font"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>/icon-13.png"
466	alt=""> <input id="wp_chatbot_icon_13" type="radio"
467	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-13.png' ? 'checked' : ''); ?>
468	value="icon-13.png">
469	<?php _e('Icon - 13', 'wpchatbot'); ?></label>
470	</li>
471
472	<li>
473	<?php
474	if (get_option('wp_chatbot_custom_icon_path') != "") {
475	$wp_chatbot_custom_icon_path = get_option('wp_chatbot_custom_icon_path');
476	} else {
477	$wp_chatbot_custom_icon_path = QCLD_wpCHATBOT_IMG_URL . 'custom.png';
478	}
479	?>
480	<label for="wp_chatbot_custom_icon_input" class="qc-opt-dcs-font">
481	<img id="wp_chatbot_custom_icon_src"
482	src="<?php echo $wp_chatbot_custom_icon_path; ?>" alt="">
483	<input id="wp_chatbot_custom_icon_input" type="radio"
484	name="wp_chatbot_icon"
485	value="custom.png" <?php echo(get_option('wp_chatbot_icon') == 'custom.png' ? 'checked' : ''); ?>>
486	<?php _e('Custom Icon', 'wpchatbot'); ?></label>
487	</li>
488
489	</ul>
490	</div>
491	<!-- cxsc-settings-blocks-->
492	</div>
493	</div>
494	<div class="row">
495	<div class="col-xs-12">
496	<h4 class="qc-opt-title"><?php _e(' Upload custom Icon ', 'wpchatbot'); ?></h4>
497	<div class="cxsc-settings-blocks">
498	<input type="hidden" name="wp_chatbot_custom_icon_path"
499	id="wp_chatbot_custom_icon_path"
500	value="<?php echo $wp_chatbot_custom_icon_path; ?>"/>
501	<button type="button" class="wp_chatbot_custom_icon_button button"><?php _e('Upload Icon', 'wpchatbot'); ?> </button>
502	</div>
503
504	</div>
505	</div>
506	</div>
507
508	<div class="top-section">
509	<div class="row">
510	<div class="col-xs-12">
511	<h4 class="qc-opt-title"><?php _e(' WPBot Agent Image', 'wpchatbot'); ?></h4>
512	<div class="cxsc-settings-blocks">
513	<ul class="radio-list">
514	<li>
515	<label for="wp_chatbot_agent_image_def" class="qc-opt-dcs-font">
516	<img src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>icon-0.png"
517	alt=""> <input id="wp_chatbot_agent_image_def" type="radio"
518	name="wp_chatbot_agent_image" <?php echo(get_option('wp_chatbot_agent_image') == 'agent-0.png' ? 'checked' : ''); ?>
519	value="agent-0.png">
520
521	<?php _e('Default Agent', 'wpchatbot'); ?></label>
522	</li>
523	<li>
524	<?php
525	if (get_option('wp_chatbot_custom_agent_path') != "") {
526	$wp_chatbot_custom_agent_path = get_option('wp_chatbot_custom_agent_path');
527	} else {
528	$wp_chatbot_custom_agent_path = QCLD_wpCHATBOT_IMG_URL . 'custom-agent.png';
529	}
530	?>
531	<label for="wp_chatbot_agent_image_custom" class="qc-opt-dcs-font">
532	<img id="wp_chatbot_custom_agent_src"
533	src="<?php echo esc_url($wp_chatbot_custom_agent_path); ?>"
534	alt="Agent">
535	<input type="radio" name="wp_chatbot_agent_image"
536	id="wp_chatbot_agent_image_custom"
537	value="custom-agent.png" <?php echo(get_option('wp_chatbot_agent_image') == 'custom-agent.png' ? 'checked' : ''); ?>>
538	<?php echo esc_html__('Custom Agent', 'wpchatbot'); ?></label>
539	</li>
540
541	</ul>
542	</div>
543	<!-- cxsc-settings-blocks-->
544	</div>
545	</div>
546	<div class="row">
547	<div class="col-xs-12">
548	<h4 class="qc-opt-title"> <?php _e('Custom Agent Icon', 'wpchatbot'); ?> </h4>
549	<div class="cxsc-settings-blocks">
550	<input type="hidden" name="wp_chatbot_custom_agent_path"
551	id="wp_chatbot_custom_agent_path"
552	value="<?php echo $wp_chatbot_custom_agent_path; ?>"/>
553	<button type="button" class="wp_chatbot_custom_agent_button button"><?php _e('Upload Agent Icon', 'wpchatbot'); ?></button>
554	</div>
555	</div>
556	</div>
557	</div>
558	<div id="top-section">
559	<div class="row">
560	<div class="col-sm-12">
561	<h4 class="qc-opt-title"> <?php _e('WPBot Themes', 'wpchatbot'); ?></h4>
562	</div>
563	</div>
564	<div class="row">
565	<div class="col-sm-3">
566	<label for="qcld_wb_chatbot_theme_0">
567	<img class="thumbnail theme_prev"
568	src="<?php echo QCLD_wpCHATBOT_IMG_URL; ?>templates/template-00.JPG"
569	alt="Theme Basic">
570	<input id="qcld_wb_chatbot_theme_0" type="radio"
571	name="qcld_wb_chatbot_theme" <?php echo(get_option('qcld_wb_chatbot_theme') == 'template-00' ? 'checked' : ''); ?>
572	value="template-00">
573	<?php _e('Theme Basic', 'wpchatbot'); ?></label>
574	</div>
575
576	</div>
577	</div>
578	<!--<hr>
579	<div id="top-section">
580	<div class="row">
581	<div class="col-sm-12">
582	<h4 class="qc-opt-title"> <?php _e('Custom Backgroud', 'wpchatbot'); ?></h4>
583	<div class="cxsc-settings-blocks">
584	<input value="1" id="qcld_wb_chatbot_change_bg" type="checkbox"
585	name="qcld_wb_chatbot_change_bg" <?php echo(get_option('qcld_wb_chatbot_change_bg') == 1 ? 'checked' : ''); ?>>
586	<label for="qcld_wb_chatbot_change_bg"><?php _e('Change the wpwBot message board background for Theme 2 and Theme 3.', 'wpchatbot'); ?> </label>
587	</div>
588	</div>
589	</div>
590	<div class="row qcld-wp-chatbot-board-bg-container" <?php if (get_option('qcld_wb_chatbot_change_bg') != 1) {
591	echo 'style="display:none"';
592	} ?>>
593	<div class="col-xs-6">
594	<p class="wp-chatbot-settings-instruction"> <?php _e('Upload wpwBot message board background (Ideal image size 376px X 688px).', 'wpchatbot'); ?> </p>
595	<div class="cxsc-settings-blocks">
596	<?php
597	if (get_option('qcld_wb_chatbot_board_bg_path') != "") {
598	$qcld_wb_chatbot_board_bg_path = get_option('qcld_wb_chatbot_board_bg_path');
599	} else {
600	$qcld_wb_chatbot_board_bg_path = QCLD_wpCHATBOT_IMG_URL . 'background/background.png';
601	}
602	?>
603	<input type="hidden" name="qcld_wb_chatbot_board_bg_path"
604	id="qcld_wb_chatbot_board_bg_path"
605	value="<?php echo $qcld_wb_chatbot_board_bg_path; ?>"/>
606	<button type="button" class="qcld_wb_chatbot_board_bg_button button"><?php _e('Upload WpBot background.', 'wpchatbot'); ?></button>
607	</div>
608	</div>
609
610	<div class="col-xs-6">
611	<p class="wp-chatbot-settings-instruction"> <?php _e('Custom message board background', 'wpchatbot'); ?> </p>
612	<img id="qcld_wb_chatbot_board_bg_image" style="height:100%;width:100%"
613	src="<?php echo $qcld_wb_chatbot_board_bg_path; ?>"
614	alt="Custom Background">
615	</div>
616	</div>
617	</div>-->
618	</section>
619	<section id="section-flip-3">
620	<div class="row">
621	<div class="col-xs-12">
622
623
624
625	</div>
626	</div>
627	<div class="top-section">
628	<h4 class="qc-opt-title"><?php _e('Build FAQ Query and Answers', 'wpchatbot'); ?></h4>
629	<div class="block-inner ui-sortable" id="wp-chatbot-support-builder">
630	<?php
631	$support_quereis=$this->qcld_wb_chatbot_str_replace(unserialize( get_option('support_query')));
632	$support_ans=$this->qcld_wb_chatbot_str_replace(unserialize( get_option('support_ans')));
633	if (count($support_ans) >= 1) {
634	//foreach (get_option('support_ans') as $support_ans){
635	$query_ans_counter=0;
636	foreach (array_combine($support_quereis, $support_ans) as $query => $ans) {
637	?>
638	<div class="row">
639	<span class="pull-right"> </span>
640	<div class="col-xs-12">
641	<button type="button"
642	class="btn btn-danger btn-sm wp-chatbot-remove-support pull-right">
643	<i class="fa fa-times" aria-hidden="true"></i>
644	</button>
645	<span class="wp-chatbot-support-cross pull-right" >
646	<i class="fa fa-crosshairs" aria-hidden="true"></i>
647	</span>
648	<div class="cxsc-settings-blocks">
649	<p class="qc-opt-dcs-font"><?php _e('FAQ query ', 'wpchatbot'); ?></p>
650	<input type="text" class="form-control" name="support_query[]"
651	placeholder="<?php _e('FAQ query ', 'wpchatbot'); ?>" value="<?php echo $query ?>">
652	<br>
653	<p class="qc-opt-dcs-font"><?php _e('FAQ answer', 'wpchatbot'); ?></p>
654	<?php wp_editor(html_entity_decode(stripcslashes($ans)), 'support_ans'.'_'.$query_ans_counter, array('textarea_name' =>
655	'support_ans[]',
656	'textarea_rows' => 20,
657	'editor_height' => 100,
658	'disabled' => 'disabled',
659	'media_buttons' => false,
660	'tinymce' => array(
661	'toolbar1' => 'bold,italic,underline,separator,alignleft,aligncenter,alignright,separator,link,unlink',)
662	)); ?>
663	</div>
664	</div>
665	</div>
666	<?php
667	$query_ans_counter++;
668	}
669	//}
670	} else {
671	?>
672	<div class="row">
673	<div class="col-xs-12">
674	<button type="button"
675	class="btn btn-danger btn-sm wp-chatbot-remove-support pull-right">
676	<i class="fa fa-times" aria-hidden="true"></i>
677	</button>
678	<span class="wp-chatbot-support-cross pull-right" >
679	<i class="fa fa-crosshairs" aria-hidden="true"></i>
680	</span>
681	<div class="cxsc-settings-blocks">
682	<p class="qc-opt-dcs-font"><?php _e('Support query', 'wpchatbot'); ?> </p>
683	<input type="text" class="form-control" name="support_query[]"
684	placeholder="<?php _e('Support query ', 'wpchatbot'); ?>">
685	<br>
686	<p class="qc-opt-dcs-font"><strong><?php _e('Support answer', 'wpchatbot'); ?></strong></p>
687	<?php wp_editor(html_entity_decode(stripcslashes('')), 'support_ans_0', array('textarea_name' =>
688	'support_ans[]',
689	'textarea_rows' => 20,
690	'editor_height' => 100,
691	'disabled' => 'disabled',
692	'media_buttons' => false,
693	'tinymce' => array(
694	'toolbar1' => 'bold,italic,underline,separator,alignleft,aligncenter,alignright,separator,link,unlink',)
695	)); ?>
696	</div>
697	<br>
698	</div>
699	</div>
700	<?php
701	}
702	?>
703	</div>
704	<div class="row">
705	<div class="col-sm-6 text-left"></div>
706	<div class="col-sm-6 text-right">
707	<button class="btn btn-success btn-sm" type="button"
708	id="add-more-support-query"><i
709	class="fa fa-plus" aria-hidden="true"></i> <?php _e('Add More Questions and Answers', 'wpchatbot'); ?>
710	</button>
711	</div>
712	</div>
713	</div>
714	</section>
715	<!--<section id="section-flip-4">
716	<div class="top-section">
717	<div class="notification-block-inner">
718	<div class="row">
719	<div class="col-xs-12">
720	<div class="cxsc-settings-blocks">
721	<?php $notification_interval = get_option('qlcd_wp_chatbot_notification_interval') != "" ? get_option('qlcd_wp_chatbot_notification_interval') : 5 ?>
722	<h4 class="qc-opt-title"><?php _e('Interval between notifications (in Seconds).', 'wpchatbot'); ?></h4>
723	<input type="text" class="form-control"
724	name="qlcd_wp_chatbot_notification_interval"
725	value="<?php echo $notification_interval ?>">
726	</div>
727	</div>
728	</div>
729
730	<?php
731	$notifications = $this->qcld_wb_chatbot_str_replace(unserialize(get_option('qlcd_wp_chatbot_notifications')));
732	if (!empty($notifications)) {
733	$chatbot_notif_counter=0;
734	foreach ($notifications as $notification) {
735	?>
736	<div class="row">
737	<div class="col-xs-12">
738	<button type="button"
739	class="btn btn-danger btn-sm wp-chatbot-remove-notification pull-right">
740	<i class="fa fa-times" aria-hidden="true"></i>
741	</button>
742	<div class="cxsc-settings-blocks">
743	<?php wp_editor(html_entity_decode(stripcslashes($notification)), 'qlcd_wp_chatbot_notifications_'.$chatbot_notif_counter, array('textarea_name' =>
744	'qlcd_wp_chatbot_notifications[]',
745	'textarea_rows' => 20,
746	'editor_height' => 100,
747	'disabled' => 'disabled',
748	'media_buttons' => false,
749	'tinymce' => array(
750	'toolbar1' => 'bold,italic,underline,separator,alignleft,aligncenter,alignright,separator,link,unlink',)
751	)); ?>
752	</div>
753	</div>
754
755	</div>
756
757	<?php
758	$chatbot_notif_counter++;
759	}
760	//}
761	} else {
762	?>
763	<div class="row">
764	<div class="col-xs-12">
765	<button type="button"
766	class="btn btn-danger btn-sm wp-chatbot-remove-notification pull-right">
767	<i class="fa fa-times" aria-hidden="true"></i>
768	</button>
769	<div class="cxsc-settings-blocks">
770	<?php wp_editor(html_entity_decode(stripcslashes('')), 'qlcd_wp_chatbot_notifications_0', array('textarea_name' =>
771	'qlcd_wp_chatbot_notifications[]',
772	'textarea_rows' => 20,
773	'editor_height' => 100,
774	'disabled' => 'disabled',
775	'media_buttons' => false,
776	'tinymce' => array(
777	'toolbar1' => 'bold,italic,underline,separator,alignleft,aligncenter,alignright,separator,link,unlink',)
778	)); ?>
779	</div>
780	</div>
781	</div>
782	<?php
783	}
784	?>
785	</div>
786	<div class="row">
787	<div class="col-sm-6 text-left"></div>
788	<div class="col-sm-6 text-right">
789	<button class="btn btn-success btn-sm" type="button"
790	id="add-more-notification-message">
791	<i class="fa fa-plus" aria-hidden="true"></i> <?php _e('Add', 'wpchatbot'); ?>
792	</button>
793	</div>
794	</div>
795
796	</div>
797
798	</section>-->
799	<section id="section-flip-5">
800	<div class="wp-chatbot-language-center-summmery">
801
802	</div>
803	<ul class="nav nav-tabs">
804	<li class="active"><a data-toggle="tab" href="#wp-chatbot-lng-general"><?php _e('General', 'wpchatbot'); ?></a></li>
805
806	<li><a data-toggle="tab" href="#wp-chatbot-lng-support"><?php _e('FAQ', 'wpchatbot'); ?></a></li>
807
808	<li><a data-toggle="tab" href="#wp-chatbot-lng-system-keyword"><?php _e('System Keywords', 'wpchatbot'); ?></a></li>
809	</ul>
810	<div class="tab-content">
811	<div id="wp-chatbot-lng-general" class="tab-pane fade in active">
812	<div class="top-section">
813	<div class="row">
814	<div class="col-xs-12" id="wp-chatbot-language-section">
815
816	<p>After making changes in the language center or settings, please type reset and hit enter in the ChatBot to start testing from the beginning or open a new Incognito window (Ctrl+Shit+N in chrome).</p>
817	<p>You could use <br> tag for line break.</p>
818
819	<div class="form-group">
820	<h4 class="qc-opt-title"><?php _e('Your Company or Website Name', 'wpchatbot'); ?></h4>
821	<input type="text" class="form-control qc-opt-dcs-font"
822	name="qlcd_wp_chatbot_host"
823	value="<?php echo(get_option('qlcd_wp_chatbot_host') != '' ? get_option('qlcd_wp_chatbot_host') : 'Our Store'); ?>">
824	</div>
825	<div class="form-group">
826	<h4 class="qc-opt-title"><?php _e('Agent name', 'wpchatbot'); ?></h4>
827	<input type="text" class="form-control qc-opt-dcs-font"
828	name="qlcd_wp_chatbot_agent"
829	value="<?php echo(get_option('qlcd_wp_chatbot_agent') != '' ? get_option('qlcd_wp_chatbot_agent') : 'Carrie'); ?>">
830	</div>
831	<div class="form-group">
832	<h4 class="qc-opt-title"><?php _e('User demo name', 'wpchatbot'); ?></h4>
833	<input type="text" class="form-control qc-opt-dcs-font"
834	name="qlcd_wp_chatbot_shopper_demo_name"
835	value="<?php echo(get_option('qlcd_wp_chatbot_shopper_demo_name') != '' ? get_option('qlcd_wp_chatbot_shopper_demo_name') : 'Amigo'); ?>">
836	</div>
837	<div class="form-group">
838	<h4 class="qc-opt-title"><?php _e('YES', 'wpchatbot'); ?></h4>
839	<input type="text" class="form-control qc-opt-dcs-font"
840	name="qlcd_wp_chatbot_yes"
841	value="<?php echo(get_option('qlcd_wp_chatbot_yes') != '' ? get_option('qlcd_wp_chatbot_yes') : 'YES'); ?>">
842	</div>
843	<div class="form-group">
844	<h4 class="qc-opt-title"><?php _e('NO', 'wpchatbot'); ?></h4>
845	<input type="text" class="form-control qc-opt-dcs-font"
846	name="qlcd_wp_chatbot_no"
847	value="<?php echo(get_option('qlcd_wp_chatbot_no') != '' ? get_option('qlcd_wp_chatbot_no') : 'NO'); ?>">
848	</div>
849	<div class="form-group">
850	<h4 class="qc-opt-title"><?php _e('OR', 'wpchatbot'); ?></h4>
851	<input type="text" class="form-control qc-opt-dcs-font"
852	name="qlcd_wp_chatbot_or"
853	value="<?php echo(get_option('qlcd_wp_chatbot_or') != '' ? get_option('qlcd_wp_chatbot_or') : 'OR'); ?>">
854	</div>
855	<div class="form-group">
856	<h4 class="qc-opt-title"><?php _e('Sorry', 'wpchatbot'); ?></h4>
857	<input type="text" class="form-control qc-opt-dcs-font"
858	name="qlcd_wp_chatbot_sorry"
859	value="<?php echo(get_option('qlcd_wp_chatbot_sorry') != '' ? get_option('qlcd_wp_chatbot_sorry') : 'Sorry'); ?>">
860	</div>
861	<div class="form-group">
862	<?php
863	$agent_join_options = unserialize(get_option('qlcd_wp_chatbot_agent_join'));
864	$agent_join_option = 'qlcd_wp_chatbot_agent_join';
865	$agent_join_text = __('has joined the conversation', 'wpchatbot');
866	$this->qcld_wb_chatbot_dynamic_multi_option($agent_join_options, $agent_join_option, $agent_join_text);
867	?>
868	</div>
869	</div>
870	<!--col-xs-12-->
871	<div class="col-xs-12" id="wp-chatbot-language-section">
872	<h4 class="text-success"><?php _e(' Message setting for Greetings: ', 'wpchatbot'); ?></h4>
873	<div class="form-group">
874	<?php
875	$welcome_to_options = unserialize(get_option('qlcd_wp_chatbot_welcome'));
876	$welcome_to_option = 'qlcd_wp_chatbot_welcome';
877	$welcome_to_text =__('Welcome to', 'wpchatbot');
878	$this->qcld_wb_chatbot_dynamic_multi_option($welcome_to_options, $welcome_to_option, $welcome_to_text);
879	?>
880	</div>
881	<div class="form-group">
882	<?php
883	$welcome_back_options = unserialize(get_option('qlcd_wp_chatbot_welcome_back'));
884	$welcome_back_option = 'qlcd_wp_chatbot_welcome_back';
885	$welcome_back_text = __('Welcome back', 'wpchatbot');
886	$this->qcld_wb_chatbot_dynamic_multi_option($welcome_back_options, $welcome_back_option, $welcome_back_text);
887	?>
888	</div>
889	<div class="form-group">
890	<?php
891	$back_to_start_options = unserialize(get_option('qlcd_wp_chatbot_back_to_start'));
892	$back_to_start_option = 'qlcd_wp_chatbot_back_to_start';
893	$back_to_start_text = __('Back to Start', 'wpchatbot');
894	$this->qcld_wb_chatbot_dynamic_multi_option($back_to_start_options, $back_to_start_option, $back_to_start_text);
895	?>
896	</div>
897	<div class="form-group">
898	<?php
899	$hi_there_options = unserialize(get_option('qlcd_wp_chatbot_hi_there'));
900	$hi_there_option = 'qlcd_wp_chatbot_hi_there';
901	$hi_there_text = __('Hi There!', 'wpchatbot');
902	$this->qcld_wb_chatbot_dynamic_multi_option($hi_there_options, $hi_there_option, $hi_there_text);
903	?>
904	</div>
905	<div class="form-group">
906	<?php
907	$asking_name_options = unserialize(get_option('qlcd_wp_chatbot_asking_name'));
908	$asking_name_option = 'qlcd_wp_chatbot_asking_name';
909	$asking_name_text = __('May I know your name?', 'wpchatbot');
910	$this->qcld_wb_chatbot_dynamic_multi_option($asking_name_options, $asking_name_option, $asking_name_text);
911	?>
912	</div>
913	<div class="form-group">
914	<?php
915	$i_am_options = unserialize(get_option('qlcd_wp_chatbot_i_am'));
916	$i_am_option = 'qlcd_wp_chatbot_i_am';
917	$i_am_text = __('I am', 'wpchatbot');
918	$this->qcld_wb_chatbot_dynamic_multi_option($i_am_options, $i_am_option, $i_am_text);
919	?>
920	</div>
921	<div class="form-group">
922	<?php
923	$name_greeting_options = unserialize(get_option('qlcd_wp_chatbot_name_greeting'));
924	$name_greeting_option = 'qlcd_wp_chatbot_name_greeting';
925	$name_greeting_text = __('Nice to meet you', 'wpchatbot');
926	$this->qcld_wb_chatbot_dynamic_multi_option($name_greeting_options, $name_greeting_option, $name_greeting_text);
927	?>
928	</div>
929	<div class="form-group">
930	<?php
931	$wildcard_msg_options = unserialize(get_option('qlcd_wp_chatbot_wildcard_msg'));
932	$wildcard_msg_option = 'qlcd_wp_chatbot_wildcard_msg';
933	$wildcard_msg_text = __('I am here to find what you need. What are you looking for?', 'wpchatbot');
934	$this->qcld_wb_chatbot_dynamic_multi_option($wildcard_msg_options, $wildcard_msg_option, $wildcard_msg_text);
935	?>
936	</div>
937	<div class="form-group">
938	<?php
939	$empty_filter_msgs = unserialize(get_option('qlcd_wp_chatbot_empty_filter_msg'));
940	$empty_filter_msg = 'qlcd_wp_chatbot_empty_filter_msg';
941	$empty_filter_msg_text = __('Sorry, I did not understand that', 'wpchatbot');
942	$this->qcld_wb_chatbot_dynamic_multi_option($empty_filter_msgs, $empty_filter_msg, $empty_filter_msg_text);
943	?>
944	</div>
945
946	<h4 class="text-success"> <?php _e('Message setting for Editor Box ', 'wpchatbot'); ?></h4>
947	<div class="form-group">
948	<?php
949	$is_typing_options = unserialize(get_option('qlcd_wp_chatbot_is_typing'));
950	$is_typing_option = 'qlcd_wp_chatbot_is_typing';
951	$is_typing_text = __('is typing...', 'wpchatbot');
952	$this->qcld_wb_chatbot_dynamic_multi_option($is_typing_options, $is_typing_option, $is_typing_text);
953	?>
954	</div>
955	<div class="form-group">
956	<?php
957	$send_a_msg_options = unserialize(get_option('qlcd_wp_chatbot_send_a_msg'));
958	$send_a_msg_option = 'qlcd_wp_chatbot_send_a_msg';
959	$send_a_msg_text =__('Send a message', 'wpchatbot');
960	$this->qcld_wb_chatbot_dynamic_multi_option($send_a_msg_options, $send_a_msg_option, $send_a_msg_text);
961	?>
962	</div>
963	<div class="form-group">
964	<?php
965	$choose_option_options = unserialize(get_option('qlcd_wp_chatbot_choose_option'));
966	$choose_option_option = 'qlcd_wp_chatbot_choose_option';
967	$choose_option_text = __('Choose an option', 'wpchatbot');
968	$this->qcld_wb_chatbot_dynamic_multi_option($choose_option_options, $choose_option_option, $choose_option_text);
969	?>
970	</div>
971
972
973
974	<div class="form-group">
975	<?php
976	$asking_email_options = unserialize(get_option('qlcd_wp_chatbot_asking_email'));
977	$asking_email_option = 'qlcd_wp_chatbot_asking_email';
978	$asking_email_text = __('Please provide your email address', 'wpchatbot');
979	$this->qcld_wb_chatbot_dynamic_multi_option($asking_email_options, $asking_email_option, $asking_email_text);
980	?>
981	</div>
982	<div class="form-group">
983	<?php
984	$invalid_email_options = unserialize(get_option('qlcd_wp_chatbot_invalid_email'));
985	$invalid_email_option = 'qlcd_wp_chatbot_invalid_email';
986	$invalid_email_text = __('Sorry, Email address is not valid! Please provide a valid email.', 'wpchatbot');
987	$this->qcld_wb_chatbot_dynamic_multi_option($invalid_email_options, $invalid_email_option, $invalid_email_text);
988	?>
989	</div>
990	<div class="form-group">
991	<?php
992	$asking_msg_options = unserialize(get_option('qlcd_wp_chatbot_asking_msg'));
993	$asking_msg_option = 'qlcd_wp_chatbot_asking_msg';
994	$asking_msg_text = __('Thank you for email address. Please write your message now.', 'wpchatbot');
995	$this->qcld_wb_chatbot_dynamic_multi_option($asking_msg_options, $asking_msg_option, $asking_msg_text);
996	?>
997	</div>
998
999
1000
1001	<div class="form-group">
1002	<h4 class="qc-opt-title"><?php _e('WPBot Support Mail Subject', 'wpchatbot'); ?></h4>
1003	<input type="text" class="form-control qc-opt-dcs-font"
1004	name="qlcd_wp_chatbot_email_sub"
1005	value="<?php echo(get_option('qlcd_wp_chatbot_email_sub') != '' ? get_option('qlcd_wp_chatbot_email_sub') : 'Support Email Subject'); ?>">
1006	</div>
1007
1008	<div class="form-group">
1009	<?php
1010	$support_option_again_options = unserialize(get_option('qlcd_wp_chatbot_support_option_again'));
1011	$support_option_again_option = 'qlcd_wp_chatbot_support_option_again';
1012	$support_option_again_text = __('You may choose option from below.', 'wpchatbot');
1013	$this->qcld_wb_chatbot_dynamic_multi_option($support_option_again_options, $support_option_again_option, $support_option_again_text);
1014	?>
1015	</div>
1016
1017	<div class="form-group">
1018	<h4 class="qc-opt-title"><?php _e('Your email was sent successfully.Thanks!', 'wpchatbot'); ?></h4>
1019	<input type="text" class="form-control qc-opt-dcs-font"
1020	name="qlcd_wp_chatbot_email_sent"
1021	value="<?php echo(get_option('qlcd_wp_chatbot_email_sent') != '' ? get_option('qlcd_wp_chatbot_email_sent') : 'Your email was sent successfully.Thanks!'); ?>">
1022	</div>
1023	<div class="form-group">
1024	<h4 class="qc-opt-title"><?php _e('Sorry! I could not send your mail! Please contact the webmaster.', 'wpchatbot'); ?></h4>
1025	<input type="text" class="form-control qc-opt-dcs-font"
1026	name="qlcd_wp_chatbot_email_fail"
1027	value="<?php echo(get_option('qlcd_wp_chatbot_email_fail') != '' ? get_option('qlcd_wp_chatbot_email_fail') : 'Sorry! fail to send email'); ?>">
1028	</div>
1029
1030
1031
1032	<div class="form-group">
1033	<?php
1034	$support_phone_options = unserialize(get_option('qlcd_wp_chatbot_support_phone'));
1035	$support_phone_option = 'qlcd_wp_chatbot_support_phone';
1036	$support_phone_text = __('Leave your number. We will call you back!', 'wpchatbot');
1037	$this->qcld_wb_chatbot_dynamic_multi_option($support_phone_options, $support_phone_option, $support_phone_text);
1038	?>
1039	</div>
1040	<div class="form-group">
1041	<?php
1042	$asking_phone_options = unserialize(get_option('qlcd_wp_chatbot_asking_phone'));
1043	$asking_phone_option = 'qlcd_wp_chatbot_asking_phone';
1044	$asking_phone_text = __('Please provide your Phone number', 'wpchatbot');
1045	$this->qcld_wb_chatbot_dynamic_multi_option($asking_phone_options, $asking_phone_option, $asking_phone_text);
1046	?>
1047	</div>
1048	<div class="form-group">
1049	<?php
1050	$thanks_phone_options = unserialize(get_option('qlcd_wp_chatbot_thank_for_phone'));
1051	$thanks_phone_option = 'qlcd_wp_chatbot_thank_for_phone';
1052	$thanks_phone_text = __('Thank you for Phone number', 'wpchatbot');
1053	$this->qcld_wb_chatbot_dynamic_multi_option($thanks_phone_options, $thanks_phone_option, $thanks_phone_text);
1054	?>
1055	</div>
1056
1057	<div class="form-group">
1058	<h4 class="qc-opt-title"><?php _e('Thanks for your phone number. We will call you ASAP!', 'wpchatbot'); ?></h4>
1059	<input type="text" class="form-control qc-opt-dcs-font"
1060	name="qlcd_wp_chatbot_phone_sent"
1061	value="<?php echo(get_option('qlcd_wp_chatbot_phone_sent') != '' ? get_option('qlcd_wp_chatbot_phone_sent') : 'Thanks for your phone number. We will call you ASAP!'); ?>">
1062	</div>
1063	<div class="form-group">
1064	<h4 class="qc-opt-title"><?php _e('Sorry! I could not collect phone number! Please contact the webmaster.', 'wpchatbot'); ?></h4>
1065	<input type="text" class="form-control qc-opt-dcs-font"
1066	name="qlcd_wp_chatbot_phone_fail"
1067	value="<?php echo(get_option('qlcd_wp_chatbot_phone_fail') != '' ? get_option('qlcd_wp_chatbot_phone_fail') : 'Sorry! I could not collect phone number!'); ?>">
1068	</div>
1069
1070
1071
1072
1073
1074
1075	</div>
1076	</div>
1077	</div>
1078	</div>
1079
1080	<div id="wp-chatbot-lng-support" class="tab-pane fade">
1081	<div class="top-section">
1082	<div class="row">
1083	<div class="col-xs-12" id="wp-chatbot-language-section">
1084	<div class="form-group">
1085	<?php
1086	$wildcard_support_options = unserialize(get_option('qlcd_wp_chatbot_wildcard_support'));
1087	$wildcard_support_option = 'qlcd_wp_chatbot_wildcard_support';
1088	$wildcard_support_text = __('FAQ', 'wpchatbot');
1089	$this->qcld_wb_chatbot_dynamic_multi_option($wildcard_support_options, $wildcard_support_option, $wildcard_support_text);
1090	?>
1091	</div>
1092	<div class="form-group">
1093	<?php
1094	$support_welcome_options = unserialize(get_option('qlcd_wp_chatbot_support_welcome'));
1095	$support_welcome_option = 'qlcd_wp_chatbot_support_welcome';
1096	$support_welcome_text = __('Welcome to FAQ Section', 'wpchatbot');
1097	$this->qcld_wb_chatbot_dynamic_multi_option($support_welcome_options, $support_welcome_option, $support_welcome_text);
1098	?>
1099	</div>
1100	<!--<div class="form-group">
1101	<?php
1102	$support_email_options = unserialize(get_option('qlcd_wp_chatbot_support_email'));
1103	$support_email_option = 'qlcd_wp_chatbot_support_email';
1104	$support_email_text = __('Click me if you want to send us a email.', 'wpchatbot');
1105	$this->qcld_wb_chatbot_dynamic_multi_option($support_email_options, $support_email_option, $support_email_text);
1106	?>
1107	</div>-->
1108
1109
1110	<!--<div class="form-group">
1111	<?php
1112	$feedback_label_options = unserialize(get_option('qlcd_wp_chatbot_feedback_label'));
1113	$feedback_label_option = 'qlcd_wp_chatbot_feedback_label';
1114	$feedback_label_text = __('Send Feedback!', 'wpchatbot');
1115	$this->qcld_wb_chatbot_dynamic_multi_option($feedback_label_options, $feedback_label_option, $feedback_label_text);
1116	?>
1117	</div>-->
1118
1119
1120	</div>
1121	</div>
1122	</div>
1123	</div>
1124
1125	<div id="wp-chatbot-lng-system-keyword" class="tab-pane fade">
1126	<div class="top-section">
1127	<div class="row">
1128	<div class="col-xs-12" id="wp-chatbot-language-section">
1129	<div class="form-group">
1130	<h4 class="qc-opt-title"><?php _e('Start Keyword', 'wpchatbot'); ?></h4>
1131	<input type="text" class="form-control qc-opt-dcs-font"
1132	name="qlcd_wp_chatbot_sys_key_help"
1133	value="<?php echo(get_option('qlcd_wp_chatbot_sys_key_help') != '' ? get_option('qlcd_wp_chatbot_sys_key_help') : 'start'); ?>">
1134	</div>
1135
1136
1137
1138	<div class="form-group">
1139	<h4 class="qc-opt-title"><strong><?php _e('FAQ', 'wpchatbot'); ?></strong> <?php _e('Keyword', 'wpchatbot'); ?></h4>
1140	<input type="text" class="form-control qc-opt-dcs-font"
1141	name="qlcd_wp_chatbot_sys_key_support"
1142	value="<?php echo(get_option('qlcd_wp_chatbot_sys_key_support') != '' ? get_option('qlcd_wp_chatbot_sys_key_support') : 'faq'); ?>">
1143	</div>
1144	<div class="form-group">
1145	<h4 class="qc-opt-title"><strong><?php _e('Converstion History Clear', 'wpchatbot'); ?></strong> <?php _e('Keyword', 'wpchatbot'); ?></h4>
1146	<input type="text" class="form-control qc-opt-dcs-font"
1147	name="qlcd_wp_chatbot_sys_key_reset"
1148	value="<?php echo(get_option('qlcd_wp_chatbot_sys_key_reset') != '' ? get_option('qlcd_wp_chatbot_sys_key_reset') : 'reset'); ?>">
1149	</div>
1150	<div class="form-group">
1151	<?php
1152	$help_welcome_options = unserialize(get_option('qlcd_wp_chatbot_help_welcome'));
1153	$help_welcome_option = 'qlcd_wp_chatbot_help_welcome';
1154	$help_welcome_text = 'Welcome to Help Section';
1155	$this->qcld_wb_chatbot_dynamic_multi_option($help_welcome_options, $help_welcome_option, $help_welcome_text);
1156	?>
1157	</div>
1158	<div class="form-group">
1159	<?php
1160	$help_msg_options = unserialize(get_option('qlcd_wp_chatbot_help_msg'));
1161	$help_msg_option = 'qlcd_wp_chatbot_help_msg';
1162	$help_msg_text = '<h3>Type and Hit Enter</h3> 1. <b>start</b> Get back to the main menu. <br> 2. <b>faq</b> for FAQ. <br> 3. <b>eMail </b> to Send eMail <br> 4. <b>reset</b> To clear chat history and start from the beginning.';
1163	$this->qcld_wb_chatbot_dynamic_multi_option($help_msg_options, $help_msg_option, $help_msg_text);
1164	?>
1165	</div>
1166	<div class="form-group">
1167	<?php
1168	$reset_options = unserialize(get_option('qlcd_wp_chatbot_reset'));
1169	$reset_option = 'qlcd_wp_chatbot_reset';
1170	$reset_text = 'Do you want to clear our chat history and start over?';
1171	$this->qcld_wb_chatbot_dynamic_multi_option($reset_options, $reset_option, $reset_text);
1172	?>
1173	</div>
1174	</div>
1175	<!-- col-xs-12-->
1176	</div>
1177	<!-- row-->
1178	</div>
1179	<!-- top-section-->
1180	</div>
1181	<!-- wp-chatbot-lng-system-keyword-->
1182	</div>
1183	<!-- tab-content-->
1184	</section>
1185
1186
1187	<!--<section id="section-flip-8">
1188	<div class="top-section">
1189	<div class="wp-chatbot-language-center-summmery">
1190	<p><?php _e('WPBot will be opened based on the following settings', 'wpchatbot'); ?> </p>
1191	</div>
1192	<div class="row">
1193	<div class="col-xs-12">
1194	<h4 class="qc-opt-title"><?php _e('Enable Bot Activity Hour', 'wpchatbot'); ?> </h4>
1195	<div class="cxsc-settings-blocks" style="padding:0 20px;">
1196	<input value="1" id="enable_wp_chatbot_opening_hour" type="checkbox"
1197	name="enable_wp_chatbot_opening_hour" <?php echo(get_option('enable_wp_chatbot_opening_hour') == 1 ? 'checked' : ''); ?>>
1198	<label for="enable_wp_chatbot_opening_hour"><?php _e('If enabled WPBot will show only during the time schedule you set below. The timezone you set from WordPress general settings will be used.', 'wpchatbot'); ?> </label>
1199	</div>
1200	</div>
1201	</div>
1202	<style>
1203	.wp-chatbot-hours-container{
1204	padding:0px 0 15px 0;
1205	display: flex;
1206	justify-content: space-between;
1207	}
1208	.wp-chatbot-hours{
1209	/width:75%;/
1210	display: inline-block;
1211	}
1212	.wp-chatbot-hours input{
1213	display: inline-block;
1214	width: 40%;
1215	padding-right: 10px;
1216	text-align: center;
1217	}
1218	.wp-chatbot-hours-remove{
1219	display: inline-block;
1220	/width:20%;/
1221	}
1222	</style>
1223	<div class="row" id="wp-chatbot-hours-wrapper">
1224	<div class="col-xs-12">
1225	<h4 class="qc-opt-title"><?php _e('WPBot Bot Activity Hours', 'wpchatbot'); ?> </h4>
1226	<?php
1227
1228	if(get_option('wpwbot_hours')){
1229	$wpwbot_times=unserialize(get_option('wpwbot_hours'));
1230	}else{
1231	$wpwbot_times=array();
1232	}
1233	?>
1234	<div class="row">
1235	<div class="col-xs-3">Monday</div>
1236	<div class="col-xs-4 wp-chatbot-day">
1237	<?php
1238	$this->wp_chatbot_opening_hours('monday',$wpwbot_times);
1239	?>
1240	</div>
1241	<div class="col-xs-3">
1242	<button class="btn btn-success btn-sm wp-chatbot-hours-add-btn" type="button" data-day="monday">
1243	<i class="fa fa-plus" aria-hidden="true"></i> Add
1244	</button>
1245	</div>
1246	</div>
1247	<div class="row">
1248	<div class="col-xs-3">Tuesday</div>
1249	<div class="col-xs-4 wp-chatbot-day">
1250	<?php
1251	$this->wp_chatbot_opening_hours('tuesday',$wpwbot_times);
1252	?>
1253	</div>
1254	<div class="col-xs-3">
1255	<button class="btn btn-success btn-sm wp-chatbot-hours-add-btn" type="button" data-day="tuesday">
1256	<i class="fa fa-plus" aria-hidden="true"></i> Add
1257	</button>
1258	</div>
1259	</div>
1260	<div class="row">
1261	<div class="col-xs-3">Wednesday</div>
1262	<div class="col-xs-4 wp-chatbot-day">
1263	<?php
1264	$this->wp_chatbot_opening_hours('wednesday',$wpwbot_times);
1265	?>
1266	</div>
1267	<div class="col-xs-3">
1268	<button class="btn btn-success btn-sm wp-chatbot-hours-add-btn" type="button" data-day="wednesday">
1269	<i class="fa fa-plus" aria-hidden="true"></i> Add
1270	</button>
1271	</div>
1272	</div>
1273	<div class="row">
1274	<div class="col-xs-3">Thursday</div>
1275	<div class="col-xs-4 wp-chatbot-day">
1276	<?php
1277	$this->wp_chatbot_opening_hours('thursday',$wpwbot_times);
1278	?>
1279	</div>
1280	<div class="col-xs-3">
1281	<button class="btn btn-success btn-sm wp-chatbot-hours-add-btn" type="button" data-day="thursday">
1282	<i class="fa fa-plus" aria-hidden="true"></i> Add
1283	</button>
1284	</div>
1285	</div>
1286	<div class="row">
1287	<div class="col-xs-3">Friday</div>
1288	<div class="col-xs-4 wp-chatbot-day">
1289	<?php
1290	$this->wp_chatbot_opening_hours('friday',$wpwbot_times);
1291	?>
1292	</div>
1293	<div class="col-xs-3">
1294	<button class="btn btn-success btn-sm wp-chatbot-hours-add-btn" type="button" data-day="friday">
1295	<i class="fa fa-plus" aria-hidden="true"></i> Add
1296	</button>
1297	</div>
1298	</div>
1299	<div class="row">
1300	<div class="col-xs-3">Saturday</div>
1301	<div class="col-xs-4 wp-chatbot-day">
1302	<?php
1303	$this->wp_chatbot_opening_hours('saturday',$wpwbot_times);
1304	?>
1305	</div>
1306	<div class="col-xs-3">
1307	<button class="btn btn-success btn-sm wp-chatbot-hours-add-btn" type="button" data-day="saturday">
1308	<i class="fa fa-plus" aria-hidden="true"></i> Add
1309	</button>
1310	</div>
1311	</div>
1312	<div class="row">
1313	<div class="col-xs-3">Sunday</div>
1314	<div class="col-xs-4 wp-chatbot-day">
1315	<?php
1316	$this->wp_chatbot_opening_hours('sunday',$wpwbot_times);
1317	?>
1318	</div>
1319	<div class="col-xs-3">
1320	<button class="btn btn-success btn-sm wp-chatbot-hours-add-btn" type="button" data-day="sunday">
1321	<i class="fa fa-plus" aria-hidden="true"></i> Add
1322	</button>
1323	</div>
1324	</div>
1325	</div>
1326	</div>
1327	</div>
1328
1329	</section>-->
1330	<section id="section-flip-9">
1331	<div class="top-section">
1332	<div class="wp-chatbot-language-center-summmery">
1333	<p><?php _e('DialogFlow as Artificial Intelligences Engine for wpwBot', 'wpchatbot'); ?> </p>
1334	</div>
1335	<div class="row">
1336	<div class="col-xs-12">
1337	<p class="wpqcld_chk_seft">
1338	<a target="_blank" href="https://www.quantumcloud.com/custom-chatbot-services/"><img src="<?php echo QCLD_wpCHATBOT_IMG_URL ?>/chatbot-custom-service.jpg" alt="" /></a>
1339	</p>
1340	</div>
1341	</div>
1342	<div class="row">
1343	<div class="col-xs-12">
1344	<h4 class="qc-opt-title"><?php _e('Enable DialogFlow as AI Engine to Detect Intent', 'wpchatbot'); ?> </h4>
1345	<div class="cxsc-settings-blocks">
1346	<input value="1" id="enable_wp_chatbot_dailogflow" type="checkbox"
1347	name="enable_wp_chatbot_dailogflow" <?php echo(get_option('enable_wp_chatbot_dailogflow') == 1 ? 'checked' : ''); ?>>
1348	<label for="enable_wp_chatbot_dailogflow"><?php _e('Enable DialogFlow AI Engine to process Natural Language commands from users.', 'wpchatbot'); ?> </label>
1349	</div>
1350	</div>
1351	<div class="col-xs-12">
1352	<br>
1353	<p><?php _e('You will need an Access Token from DialogFlow. Log in to DialogFlow Console from', 'wpchatbot'); ?>
1354	<a style="text-decoration:underline;color:blue" href="https://dialogflow.com/" target="_blank"><?php _e('Here', 'wpchatbot'); ?></a> <?php _e('with your gmail account. Create a new agent and copy the Client Access Token from Settings.', 'wpchatbot'); ?> </p>
1355
1356	<p><a style="text-decoration:underline;color:blue" href="<?php echo QCLD_wpCHATBOT_PLUGIN_URL; ?>download/wpwBot.zip" download ><?php _e('Download', 'wpchatbot'); ?></a> <?php _e('the agent training data and import from DialogFlow->Settings->Export and Import tab. You can add or modify Training phrases under the Intents. But .', 'wpchatbot'); ?><b><?php _e('do NOT modify or delete the Intents we have created.', 'wpchatbot'); ?></b> </p>
1357	</div>
1358
1359	<div class="col-xs-12" id="wp-chatbot-dialflow-section">
1360	<div class="form-group">
1361	<h4 class="qc-opt-title"><?php _e('DialogFlow client Access Token', 'wpchatbot'); ?></h4>
1362	<input type="text" class="form-control qc-opt-dcs-font"
1363	name="qlcd_wp_chatbot_dialogflow_client_token"
1364	value="<?php echo(get_option('qlcd_wp_chatbot_dialogflow_client_token') != '' ? get_option('qlcd_wp_chatbot_dialogflow_client_token') : ''); ?>" placeholder="<?php _e('DialogFlow Client Access Token', 'wpchatbot'); ?>">
1365	</div>
1366	<div class="form-group">
1367	<h4 class="qc-opt-title"><?php _e('DialofFlow Defualt reply', 'wpchatbot'); ?></h4>
1368	<input type="text" class="form-control qc-opt-dcs-font"
1369	name="qlcd_wp_chatbot_dialogflow_defualt_reply"
1370	value="<?php echo(get_option('qlcd_wp_chatbot_dialogflow_defualt_reply') != '' ? get_option('qlcd_wp_chatbot_dialogflow_defualt_reply') : 'Sorry, I did not understand you. You may browse'); ?>" placeholder="<?php _e('DialogFlow defualt reply', 'wpchatbot'); ?>">
1371	</div>
1372
1373
1374	<div class="form-group">
1375	<h4 class="qc-opt-title"><?php echo esc_html__('DialogFlow Agent Language (Ex: en)', 'wpchatbot'); ?></h4>
1376	<input type="text" class="form-control qc-opt-dcs-font"
1377	name="qlcd_wp_chatbot_dialogflow_agent_language"
1378	value="<?php echo (get_option('qlcd_wp_chatbot_dialogflow_agent_language') != '' ? get_option('qlcd_wp_chatbot_dialogflow_agent_language') : 'en'); ?>" placeholder="<?php echo esc_html__('DialogFlow Agent Language', 'wpchatbot'); ?>">
1379	</div>
1380
1381	</div>
1382	</div>
1383	</div>
1384
1385	</section>
1386	<!--<section id="section-flip-10">
1387	<div class="wp-chatbot-language-center-summmery">
1388	<p><?php _e('Enable the Mobile App feature ONLY if you bought ', 'wpchatbot'); ?> <a target="_blank" href="https://www.quantumcloud.com/products/wpcommerce-chatbot-wpwbot/#app"><?php _e(' the Mobile App Addon.', 'wpchatbot'); ?></a>
1389	</div>
1390	<div class="top-section">
1391	<div class="row">
1392	<div class="col-xs-12">
1393	<h4 class="qc-opt-title"><?php _e('Mobile App Pages', 'wpchatbot'); ?> </h4>
1394	<div class="cxsc-settings-blocks">
1395	<input value="1" id="wp_chatbot_app_pages" type="checkbox"
1396	name="wp_chatbot_app_pages" <?php echo(get_option('wp_chatbot_app_pages') == 1 ? 'checked' : ''); ?>>
1397	<label for="wp_chatbot_app_pages"><?php _e('Create pages for WpBot Mobile App', 'wpchatbot'); ?> </label>
1398	</div>
1399	<br>
1400	<p class="qc-opt-title-font"><?php _e('Following pages will be created to use in', 'wpchatbot'); ?> <strong> <?php _e('WpBot', 'wpchatbot'); ?> </strong> <?php _e(' Android or IOS Mobile App', 'wpchatbot'); ?>.</p>
1401	<ol>
1402	<li><?php _e('WpBot Mobile App', 'wpchatbot'); ?></li>
1403	<li><?php _e('WpBot App Checkout', 'wpchatbot'); ?></li>
1404	<li><?php _e('WpBot App Order Thank You', 'wpchatbot'); ?></li>
1405	</ol>
1406	<p class="qc-opt-title-font"><?php _e('Follow the', 'wpchatbot'); ?> <strong> <?php _e('Documentation', 'wpchatbot'); ?> </strong> <?php _e('to build & publish a Mobile Application (Android or IOS ) for your store using any of', 'wpchatbot'); ?> </p>
1407	<ol>
1408	<li><?php _e('WpBot Ionic FrameWork package', 'wpchatbot'); ?></li>
1409	<li><?php _e('WpBot PhoneGap package', 'wpchatbot'); ?></li>
1410	</ol>
1411	</div>
1412	</div>
1413	</div>
1414
1415	</section>-->
1416
1417
1418	<section id="section-flip-12">
1419	<div class="top-section">
1420	<div class="row">
1421	<div class="col-xs-12">
1422
1423	<?php wp_enqueue_style( 'qcpd-google-font-lato', 'https://fonts.googleapis.com/css?family=Lato' ); ?>
1424	<?php wp_enqueue_style( 'qcpd-style-addon-page', QCLD_wpCHATBOT_PLUGIN_URL.'qc-support-promo-page/css/style.css' ); ?>
1425	<?php wp_enqueue_style( 'qcpd-style-responsive-addon-page', QCLD_wpCHATBOT_PLUGIN_URL.'qc-support-promo-page/css/responsive.css' ); ?>
1426
1427	<div class="qc_support_container"><!--qc_support_container-->
1428
1429	<div class="qc_tabcontent clearfix-div">
1430	<div class="qc-row">
1431	<div class="wpbot-chatbot-pro-link">
1432	<a href="https://www.quantumcloud.com/products/chatbot-for-wordpress/" target="_blank" >Get the ChatBot Pro <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/wp-bot-logo.png'); ?>" /></a>
1433	</div>
1434	<h2 class="plugin-title wpbot_page_title" style="text-align:center" >Extend <a href="https://www.quantumcloud.com/products/chatbot-for-wordpress/" target="_blank">WPBot Pro</a> and give it more Super Powers</h2>
1435	<p style="text-align:center">Following AddOns and Themes are available for the <a href="https://www.quantumcloud.com/products/chatbot-for-wordpress/" target="_blank">WPBot pro!</a></p>
1436	<div class="qc-column-12"><!-- qc-column-4 -->
1437	<!-- Feature Box 1 -->
1438	<div class="support-block ">
1439	<div class="support-block-img">
1440	<a href="<?php echo esc_url('https://www.quantumcloud.com/products/themes/chatbot-theme/'); ?>" target="_blank"> <img class="wp_addon_fullwidth" src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/ChatBot-Master-theme.png'); ?>" alt=""></a>
1441	</div>
1442	<div class="support-block-info">
1443	<h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">ChatBot Master Theme</a></h4>
1444	<p style="margin-top: -24px;margin-bottom: 50px;">Get a ChatBot Powered Theme!</p>
1445	</div>
1446	</div>
1447	</div><!--/qc-column-4 -->
1448	<div class="qc-column-6"><!-- qc-column-4 -->
1449	<!-- Feature Box 1 -->
1450	<div class="support-block support-block-custom">
1451	<div class="support-block-img">
1452	<a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank"> <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/chatbot-addons.png'); ?>" alt=""></a>
1453	</div>
1454	<div class="support-block-info">
1455	<h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">ChatBot Addons</a></h4>
1456	<p>Empower WPBot and WoowBot – Extend Capabilities with AddOns!</p>
1457
1458	</div>
1459	</div>
1460	</div><!--/qc-column-4 -->
1461	<div class="qc-column-6"><!-- qc-column-4 -->
1462	<!-- Feature Box 1 -->
1463	<div class="support-block support-block-custom">
1464	<div class="support-block-img">
1465	<a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank"> <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/custom-post-type-addon-logo.png'); ?>" alt=""></a>
1466	</div>
1467	<div class="support-block-info">
1468	<h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">Extended Search</a></h4>
1469	<p>Extend WPBot’s search power to include almost any Custom Post Type including WooCommerce</p>
1470
1471	</div>
1472	</div>
1473	</div><!--/qc-column-4 -->
1474
1475	<div class="qc-column-6"><!-- qc-column-4 -->
1476	<!-- Feature Box 1 -->
1477	<div class="support-block support-block-custom">
1478	<div class="support-block-img">
1479	<a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank"> <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/messenger-chatbot.png'); ?>" alt=""></a>
1480	</div>
1481	<div class="support-block-info">
1482	<h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">Messenger ChatBot Addon</a></h4>
1483	<p>Utilize the WPBot on your website as a hub to respond to customer questions on FB Page & Messenger</p>
1484
1485	</div>
1486	</div>
1487	</div><!--/qc-column-4 -->
1488
1489
1490	<div class="qc-column-6"><!-- qc-column-4 -->
1491	<!-- Feature Box 1 -->
1492	<div class="support-block support-block-custom">
1493	<div class="support-block-img">
1494	<a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank"> <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/chatbot-sesssion-save.png'); ?>" alt=""></a>
1495	</div>
1496	<div class="support-block-info">
1497	<h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">ChatBot Session Save Addon</a></h4>
1498	<p>This AddOn saves the user chat sessions and helps you fine tune the bot for better support and performance.</p>
1499
1500	</div>
1501	</div>
1502	</div><!--/qc-column-4 -->
1503
1504
1505	<div class="qc-column-6"><!-- qc-column-4 -->
1506	<!-- Feature Box 1 -->
1507	<div class="support-block support-block-custom">
1508	<div class="support-block-img">
1509	<a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank"> <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/WPBot-LiveChat.png'); ?>" alt=""></a>
1510	</div>
1511	<div class="support-block-info">
1512	<h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">LiveChat Addon</a></h4>
1513	<p>Live Human Chat integrated with WPBot<p/>
1514	</div>
1515	</div>
1516	</div><!--/qc-column-4 -->
1517
1518	<div class="qc-column-6"><!-- qc-column-4 -->
1519	<!-- Feature Box 1 -->
1520	<div class="support-block support-block-custom">
1521	<div class="support-block-img">
1522	<a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank"> <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/white-label.png'); ?>" alt=""></a>
1523	</div>
1524	<div class="support-block-info">
1525	<h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">White Label WPBot</a></h4>
1526	<p>Replace the QuantumCloud Logo and branding with yours. Suitable for developers and agencies interested in providing ChatBot services for their clients.<p/>
1527	</div>
1528	</div>
1529	</div><!--/qc-column-4 -->
1530
1531	<div class="qc-column-6"><!-- qc-column-4 -->
1532	<!-- Feature Box 1 -->
1533	<div class="support-block support-block-custom">
1534	<div class="support-block-img">
1535	<a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank"> <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/mailing-list-integrationt (1).png'); ?>" alt=""></a>
1536	</div>
1537	<div class="support-block-info">
1538	<h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">Mailing List Integration AddOn</a></h4>
1539	<p>Mailing List Integration is an addon that lets you connect our ChatBot with Mailchimp and Zapier accounts. You can add new subscribers to your Mailchimp Lists and unsubscribe them.<p/>
1540	</div>
1541	</div>
1542	</div><!--/qc-column-4 -->
1543	<div class="qc-column-6"><!-- qc-column-4 -->
1544	<!-- Feature Box 1 -->
1545	<div class="support-block support-block-custom">
1546	<div class="support-block-img">
1547	<a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank"> <img src="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'images/coming-soon-special.png'); ?>" alt=""></a>
1548	</div>
1549	<div class="support-block-info">
1550	<h4><a href="<?php echo esc_url('https://www.quantumcloud.com/products/chatbot-addons/'); ?>" target="_blank">More is coming soon.</a></h4>
1551
1552	</div>
1553	</div>
1554	</div><!--/qc-column-4 -->
1555
1556	</div>
1557	<!--qc row-->
1558	</div>
1559
1560	</div><!--qc_support_container-->
1561
1562
1563
1564	</div>
1565	</div>
1566	<!-- row-->
1567	</div>
1568	</section>
1569
1570
1571	</div><!-- /content -->
1572	</div><!-- /wp-chatbot-tabs -->
1573	<footer class="wp-chatbot-admin-footer">
1574	<div class="row">
1575	<div class="text-left col-sm-3 col-sm-offset-3">
1576	<input type="button" class="btn btn-warning submit-button"
1577	id="qcld-wp-chatbot-reset-option"
1578	value="<?php _e('Reset all options to Default', 'wpchatbot'); ?>"/>
1579	</div>
1580	<div class="text-right col-sm-6">
1581	<input type="submit" class="btn btn-primary submit-button" name="submit"
1582	id="submit" value="<?php _e('Save Settings', 'wpchatbot'); ?>"/>
1583	</div>
1584	</div>
1585	<!-- row-->
1586	</footer>
1587	</section>
1588	</div>
1589	<?php wp_nonce_field('wp_chatbot'); ?>
1590	</form>