chatbot / admin_ui.php

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

2,464 lines 207.3 KB

Raw Download Zip

1	<?php
2
3	// Exit if accessed directly
4	if ( ! defined( 'ABSPATH' ) ) {
5	exit;
6	}
7	?>
8
9	<div class="<?php esc_attr_e( 'wrap', 'wpbot' ); ?> ">
10	<h1 style="display:none">
11	<?php esc_html_e('WPBot', 'wpbot'); ?>
12	</h1>
13	</div>
14	<div class="<?php esc_attr_e( 'wp-chatbot-wrap', 'wpbot' ); ?> ">
15	<div class="<?php esc_attr_e( 'icon32', 'wpbot' ); ?> "><br>
16	</div>
17	<form action="<?php echo esc_url($action, 'wpbot'); ?>" method="POST" id="<?php esc_attr_e( 'wp-chatbot-admin-form', 'wpbot' ); ?>"
18	enctype="multipart/form-data', 'wpbot' ); ?> ">
19	<div class="<?php esc_attr_e( 'container form-container', 'wpbot' ); ?> ">
20
21
22	<div class="lineanimation">
23	<svg width="350" height="350" viewBox="0 0 308 309" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
24	<defs>
25	<circle id="a" cx="150" cy="150" r="150"></circle>
26	<linearGradient x1="50%" y1="0%" x2="50%" y2="62.304%" id="c">
27	<stop stop-color="#09DFF3" offset="0%"></stop>
28	<stop stop-color="#44BEFF" offset="100%"></stop>
29	</linearGradient>
30	</defs>
31	<g>
32	<path id="l1" d="M0 130 L300 130"></path>
33	<path id="l2" d="M0 150 L300 150"></path>
34	<path id="l3" d="M0 170 L300 170"></path>
35	<path id="l4" d="M0 190 L300 190"></path>
36	</g>
37	</svg></div>
38
39
40
41	<header class="<?php esc_attr_e( 'wp-chatbot-admin-header', 'wpbot' ); ?> ">
42	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
43	<div class="<?php esc_attr_e( 'col-sm-6', 'wpbot' ); ?> ">
44	<h3>
45	<?php esc_html_e('WPBot Control Panel', 'wpbot'); ?>
46	<?php echo esc_attr( get_option('wp_chatbot_index_meta') ); ?>
47	</h3>
48	</div>
49	<div class="<?php esc_attr_e( 'col-sm-6 text-right wp-chatbot-version', 'wpbot' ); ?> ">
50
51	<div class="<?php esc_attr_e( 'wpchatbot-lite-version-section', 'wpbot' ); ?> ">
52	<h3 class="<?php esc_attr_e( 'wpchatbot-liteversion', 'wpbot' ); ?> ">
53	<?php esc_html_e('The Lite Version', 'wpbot'); ?>
54	</h3>
55	<a class="<?php esc_attr_e( 'wpchatbot-Upgrade', 'wpbot' ); ?>" href="<?php echo esc_url( 'https://www.wpbot.pro/', 'wpbot' ); ?>" target="_blank"><?php esc_html_e( 'Upgrade To Pro', 'wpbot' ); ?></a>
56	</div>
57	</div>
58	</div>
59	</header>
60	<section class="<?php esc_attr_e( 'wp-chatbot-tab-container-inner', 'wpbot' ); ?> ">
61	<div class="<?php esc_attr_e( 'wp-chatbot-tabs wp-chatbot-tabs-style-flip', 'wpbot' ); ?> ">
62	<nav>
63	<ul>
64	<li class="tab-current" tab-data="started"><a href="<?php echo esc_url($action .'&tab=started', 'wpbot' ); ?> "> <span class="<?php esc_attr_e( 'wpwbot-admin-tab-icon', 'wpbot' ); ?> "> <i class="<?php esc_attr_e( 'fa fa-toggle-on', 'wpbot' ); ?> "> </i> </span> <span class="<?php esc_attr_e( 'wpwbot-admin-tab-name', 'wpbot' ); ?> ">
65	<?php esc_html_e('GETTING STARTED', 'wpbot'); ?>
66	</span> </a></li>
67	<li tab-data="general', 'wpbot' ); ?> "><a href="<?php echo esc_url($action .'&tab=general', 'wpbot' ); ?> "> <span class="<?php esc_attr_e( 'wpwbot-admin-tab-icon', 'wpbot' ); ?> "> <i class="<?php esc_attr_e( 'fa fa-toggle-on', 'wpbot' ); ?> "> </i> </span> <span class="<?php esc_attr_e( 'wpwbot-admin-tab-name', 'wpbot' ); ?> ">
68	<?php esc_html_e('GENERAL SETTINGS', 'wpbot'); ?>
69	</span> </a></li>
70	<li tab-data="language"><a href="<?php echo esc_url($action .'&tab=language', 'wpbot' ); ?>"> <span class="<?php esc_attr_e( 'wpwbot-admin-tab-icon', 'wpbot' ); ?> "> <i class="<?php esc_attr_e( 'fa fa-language', 'wpbot' ); ?> "></i> </span> <span class="<?php esc_attr_e( 'wpwbot-admin-tab-name', 'wpbot' ); ?> ">
71	<?php esc_html_e('Change Language', 'wpbot'); ?>
72	</span> </a></li>
73	<li tab-data="themes"><a href="<?php echo esc_url($action .'&tab=themes', 'wpbot' ); ?>"> <span class="<?php esc_attr_e( 'wpwbot-admin-tab-icon', 'wpbot' ); ?> "> <i class="<?php esc_attr_e( 'fa fa-gear faa-spin', 'wpbot' ); ?>"></i> </span> <span class="<?php esc_attr_e( 'wpwbot-admin-tab-name', 'wpbot' ); ?> ">
74	<?php esc_html_e('ICONS & THEMES', 'wpbot'); ?>
75	</span> </a></li>
76	<li tab-data="support"><a href="<?php echo esc_url($action .'&tab=support', 'wpbot' ); ?>"> <span class="<?php esc_attr_e( 'wpwbot-admin-tab-icon', 'wpbot' ); ?> "> <i class="<?php esc_attr_e( 'fa fa-life-ring', 'wpbot' ); ?> "></i> </span> <span class="<?php esc_attr_e( 'wpwbot-admin-tab-name', 'wpbot' ); ?> ">
77	<?php esc_html_e('FAQ Builder', 'wpbot'); ?>
78	</span> </a></li>
79	<li tab-data="startmenu"><a href="<?php echo esc_url($action .'&tab=startmenu', 'wpbot' ); ?>"> <span class="<?php esc_attr_e( 'wpwbot-admin-tab-icon', 'wpbot' ); ?> "> <i class="<?php esc_attr_e( 'fa fa-bars', 'wpbot' ); ?> "></i> </span> <span class="<?php esc_attr_e( 'wpwbot-admin-tab-name', 'wpbot' ); ?> "><?php esc_html_e('Start Menu', 'wpbot'); ?></span> </a></li>
80
81
82	<li tab-data="ai"><a href="<?php echo esc_url($action .'&tab=ai', 'wpbot' ); ?> "> <span class="<?php esc_attr_e( 'wpwbot-admin-tab-icon', 'wpbot' ); ?> "> <i class="<?php esc_attr_e( 'fa fa-500px', 'wpbot' ); ?> "></i> </span> <span class="<?php esc_attr_e( 'wpwbot-admin-tab-name', 'wpbot' ); ?> ">
83	<?php esc_html_e('Dialogflow', 'wpbot'); ?>
84	</span> </a></li>
85
86	<div class="<?php esc_attr_e( 'cxsc-settings_openai_border', 'wpbot' ); ?> "> <a href="<?php echo esc_url( $action .'_openAi', 'wpbot' ); ?> "> <span class="<?php esc_attr_e( 'wpwbot-admin-tab-icon', 'wpbot' ); ?> "> <i class="<?php esc_attr_e( 'fa fa-gear', 'wpbot' ); ?> "></i>
87	</span> <span class="<?php esc_attr_e( '', 'wpbot' ); ?> "> <?php esc_html_e('AI Settings', 'wpbot'); ?> </span>
88	</a>
89	</div>
90	<li tab-data="<?php echo esc_url('rpl', 'wpbot' ); ?>" class="conversational"><a href="<?php echo esc_url($action .'&tab=rpl', 'wpbot' ); ?> ">
91	<span class="<?php esc_attr_e( 'wpwbot-admin-tab-icon', 'wpbot' ); ?> "> <i class="<?php esc_attr_e( 'fa fa-plug', 'wpbot' ); ?> "></i>
92	</span> <span class="<?php esc_attr_e( 'wpwbot-admin-tab-name', 'wpbot' ); ?> "> <?php esc_html_e('Conversational Form', 'wpbot'); ?>
93	</span>
94	</a>
95	</li>
96
97
98	<!-- <li tab-data="<?php // echo esc_url('ai-content', 'wpbot' ); ?> "><a href="<?php // echo esc_url($action .'&tab=ai-content', 'wpbot' ); ?> ">
99	<span class="<?php // esc_attr_e( 'wpwbot-admin-tab-icon', 'wpbot' ); ?> "> <i class="<?php // esc_attr_e( 'fa fa-pencil', 'wpbot' ); ?> "></i> </span>
100	<span class="<?php // esc_attr_e( 'wpwbot-admin-tab-name', 'wpbot' ); ?> "> <?php // esc_html_e('AI Content Generation', 'wpbot'); ?> </span> </a>
101	</li>
102	-->
103
104
105	<li tab-data="custom_css', 'wpbot' ); ?> "> <a href="<?php echo esc_url($action .'&tab=ai', 'wpbot' ); ?> ">
106	<span class="<?php esc_attr_e( 'wpwbot-admin-tab-icon', 'wpbot' ); ?> "> <i class="<?php esc_attr_e( 'fa fa-code', 'wpbot' ); ?> "></i>
107	</span> <span class="<?php esc_attr_e( 'wpwbot-admin-tab-name', 'wpbot' ); ?> "> <?php esc_html_e('Custom CSS', 'wpbot'); ?></span>
108	</a>
109	</li>
110
111
112	</ul>
113
114	<div class="<?php esc_attr_e( 'text-center mt-5', 'wpbot' ); ?> ">
115	<input type="button" class="<?php esc_attr_e( 'btn btn-warning submit-button', 'wpbot' ); ?>"
116	id="<?php esc_attr_e( 'qcld-wp-chatbot-reset-option', 'wpbot' ); ?>"
117	value="<?php esc_html_e('Reset all options to Default', 'wpbot'); ?>"/>
118	</div>
119	</nav>
120
121
122
123
124	<div class="<?php esc_attr_e( 'content-wrap', 'wpbot' ); ?>">
125	<section id="<?php esc_attr_e( 'section-flip-1', 'wpbot' ); ?>">
126	<!-- <div class="<?php // esc_attr_e( 'cxsc-settings-blocks-notic', 'wpbot' ); ?>" style="<?php // echo esc_attr('background: #2271B1'); ?>">
127	<p class="<?php // esc_attr_e( 'd-ib', 'wpbot' ); ?> "><?php // esc_html_e('New horizontal/wide template is now available. Select from Icons and Themes', 'wpbot'); ?>
128	</div> -->
129
130	<div class="wrap swpm-admin-menu-wrap">
131	<div class="wrap swpm-admin-menu-wrap">
132	<h3 class="nav-tab-wrapper sld_nav_container wppt_nav_container">
133	<a class="nav-tab sld_click_handle nav-tab-active" href="#general_int"><?php echo esc_html('Getting Started'); ?></a>
134	<a class="nav-tab sld_click_handle " href="#general_wp_nutshell"><?php echo esc_html('WPBot – In a Nutshell'); ?></a>
135	</h3>
136	<div class="wppt-settings-section" style="margin-right:unset;margin-left:unset; display:block; margin-top:40px" id="general_int">
137	<div class="content form-container qcbot_help_secion" style="">
138	<!-- new Section -->
139
140	<h3 style="margin-top: 10px;color:#fff"><?php echo esc_html__('WPBot Interactions', 'wpbot'); ?></h3>
141	<p style="color: #fff !important;"><?php echo esc_html__('You can use WPBot to both answer user questions and collect information from the users.', 'wpbot'); ?></br>
142	<?php echo esc_html__('To create answers to user questions you can use:', 'wpbot'); ?></br>
143	<b style="font-size: 14px"><?php echo esc_html__('Simple Text Responses', 'wpbot'); ?></b> (built-in), <b style="font-size: 14px"><?php echo esc_html__('FAQ', 'wpbot'); ?></b>(built-in), <b style="font-size: 14px"><?php echo esc_html__('Site search', 'wpbot'); ?></b>(built-in), <b style="font-size: 14px"><?php echo esc_html__('Product search', 'wpbot'); ?></b>(built-in Pro feature), <b style="font-size: 14px"><?php echo esc_html__('DialogFlow', 'wpbot'); ?></b>(3rd Party) or <b style="font-size: 14px"><?php echo esc_html__('OpenAI', 'wpbot'); ?></b>(3rd Party)</br>
144	<?php echo esc_html__('To collect information from your users you can use:', 'wpbot'); ?></br>
145	<b style="font-size: 14px">
146	<?php echo esc_html__('Conversational forms', 'wpbot'); ?></b>(built-in), <b style="font-size: 14px"><?php echo esc_html__('Mail us', 'wpbot'); ?></b>(built-in), <b style="font-size: 14px"><?php echo esc_html__('Call me back', 'wpbot'); ?></b>(built-in), <b style="font-size: 14px"><?php echo esc_html__('Collect feedback features', 'wpbot'); ?></b>(built-in)</p>
147	<h4 style="color:#fff"><?php echo esc_html__('You can create user interactions in the following ways:', 'wpbot'); ?></h4>
148	<div style="clear:both"></div>
149	<div class="panel panel-default">
150	<div class="panel-heading" role="tab" id="FeaturesOne">
151	<h4 class="panel-title">
152	<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#FeaturescollapseOne" aria-expanded="false" aria-controls="FeaturescollapseOne"> <?php esc_html_e('Predefined intents - Built-in ChatBot Features', 'wpbot'); ?> </a>
153	</h4>
154	</div>
155	<div id="FeaturescollapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="FeaturesOne">
156	<div class="panel-body"> <?php esc_html_e('Predefined intents can work without integration to DialogFlow API and AI. These are readily available as soon as you install the plugin and can be turned on or off individually.', 'wpbot'); ?> <div class="section-container">
157	<div class="wpb_column vc_column_container vc_col-sm-6">
158	<div class="vc_column-inner ">
159	<div class="wpb_wrapper">
160	<div class="to-icon-box left txt-left">
161	<div class="to-icon-txt fa-4x-txt ">
162	<h3>
163	<span>// </span><?php esc_html_e('Simple Text Responses', 'wpbot'); ?>
164	</h3>
165	<p><?php esc_html_e('Create unlimited text responses from your WordPress backend. The ChatBot uses advanced search algorithm for natural language phrase matching with user input.', 'wpbot'); ?> </p>
166	</div>
167	</div>
168	<div class="to-icon-box left txt-left">
169	<div class="to-icon-txt fa-4x-txt ">
170	<h3>
171	<span>// </span><?php esc_html_e('Send eMail, Call Me Back & Feedback Collection', 'wpbot'); ?>
172	</h3>
173	<p><?php esc_html_e('Users can send a email to the site admin directly from the Chat window for customer support. The Call Me Back feature lets you get call requests from your customers which will be emailed to you. You can also use WPBot to collect Feedback from your customers regarding anything! You can disable/enable these features from the Start Menu.', 'wpbot'); ?></p>
174	</div>
175	</div>
176	<div class="to-icon-box left txt-left">
177	<div class="to-icon-txt fa-4x-txt ">
178	<h3>
179	<span>// </span><?php esc_html_e('Advanced Site Search', 'wpbot'); ?> <span class="qc_wpbot_pro">PRO</span>
180	</h3>
181	<p><?php esc_html_e('If no matching text response is found WPBot will conduct an advanced website search and try to match user queries with your website contents and show results.', 'wpbot'); ?> </p>
182	</div>
183	</div>
184	</div>
185	</div>
186	</div>
187	<div class="wpb_column vc_column_container vc_col-sm-6">
188	<div class="vc_column-inner ">
189	<div class="wpb_wrapper">
190	<div class="to-icon-box left txt-left">
191	<div class="to-icon-txt fa-4x-txt ">
192	<h3>
193	<span>// </span><?php esc_html_e('Frequently Asked Questions', 'wpbot'); ?>
194	</h3>
195	<p><?php esc_html_e('Create a set of Frequently Asked Questions or FAQ so users can quickly find answers to the most common questions they have.', 'wpbot'); ?></p>
196	</div>
197	</div>
198	<div class="to-icon-box left txt-left">
199	<div class="to-icon-txt fa-4x-txt ">
200	<h3>
201	<span>// </span>Ask for name, email, phone number etc.
202	</h3>
203	<p><?php esc_html_e('Asking for the name is the default workflow. In the pro version, you can also ask for an email and phone number if you want to or skip the Greetings part altogether and load any intent of your choice.', 'wpbot'); ?></p>
204	</div>
205	</div>
206	<div class="to-icon-box left txt-left">
207	<div class="to-icon-txt fa-4x-txt ">
208	<h3>
209	<span>// </span><?php esc_html_e('Newsletter Subscription', 'wpbot'); ?> <span class="qc_wpbot_pro">PRO</span>
210	</h3>
211	<p><?php esc_html_e('WPBot can prompt User for eMail subscription. Link this with your Retargeting ChatBot window popup and a special offer. People can register their email address that you can later export as CSV!', 'wpbot'); ?> <strong>GDPR compliant</strong> with unsubscribe option from the ChatBot! </p>
212	</div>
213	</div>
214	</div>
215	</div>
216	</div>
217	</div>
218	</div>
219	</div>
220	</div>
221	<div class="panel panel-default">
222	<div class="panel-heading" role="tab" id="headingTwo">
223	<h4 class="panel-title">
224	<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"><?php esc_html_e(' Menu Driven - Created with Conversational Form Builder Addon', 'wpbot'); ?> </a>
225	</h4>
226	</div>
227	<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
228	<div class="panel-body">
229	<p><?php esc_html_e('Extend the Start Menu with the', 'wpbot'); ?> <strong><?php esc_html_e('powerful Conversational Forms', 'wpbot'); ?></strong> <?php esc_html_e(' Addon for WPBot. It extends WPBot’s functionality and adds the ability to create', 'wpbot'); ?> <strong><?php esc_html_e('conditional conversations', 'wpbot'); ?></strong> <?php esc_html_e('and/or', 'wpbot'); ?> <strong><?php esc_html_e('forms', 'wpbot'); ?></strong> <?php esc_html_e('for the WPBot. It is a visual,', 'wpbot'); ?> <strong><?php esc_html_e('drag and drop', 'wpbot'); ?></strong><?php esc_html_e(' form builder that is easy to use and very flexible. Supports conditional logic and use of variables to build all types of forms or just', 'wpbot'); ?> <strong><?php esc_html_e('menu driven', 'wpbot'); ?></strong>
230	<strong><?php esc_html_e('conversations', 'wpbot'); ?> </strong><?php esc_html_e('with if else logic', 'wpbot'); ?> <strong>. </strong><?php esc_html_e('Conversations or forms can be', 'wpbot'); ?> <strong><?php esc_html_e('eMailed', 'wpbot'); ?></strong> <?php esc_html_e('to you and', 'wpbot'); ?> <strong><?php esc_html_e('saved in the database', 'wpbot'); ?></strong>.
231	</p>
232	<h4><?php esc_html_e('Conversational Form Builder Free or Pro version works with the WPBot Free or Pro versions.', 'wpbot'); ?></h4>
233	<a class="FormBuilder" href="https://wordpress.org/plugins/conversational-forms/" target="_blank"><?php esc_html_e('Download Free Version', 'wpbot'); ?></a>
234	<a class="FormBuilder" href="https://www.quantumcloud.com/products/conversations-and-form-builder/" target="_blank"><?php esc_html_e('Grab the Pro version', 'wpbot'); ?></a>
235	<h4><?php esc_html_e('What Can You Do with it?', 'wpbot'); ?></h4>
236	<p><?php esc_html_e('Conversation Forms allows you to create a wide variety of forms, that might include:', 'wpbot'); ?></p>
237	<ul>
238	<li><?php esc_html_e('Create menu or button driven conversations', 'wpbot'); ?></li>
239	<li><?php esc_html_e('Conditional <strong>Menu Driven Conversations', 'wpbot'); ?></strong>
240	<span class="qc_wpbot_pro" style="font-size: 9px;"><?php esc_html_e('PRO', 'wpbot'); ?></span>
241	</li>
242	<li><?php esc_html_e('Standard Contact Forms', 'wpbot'); ?></li>
243	<li><?php esc_html_e('Dynamic,', 'wpbot'); ?> <strong><?php esc_html_e('conditional Forms', 'wpbot'); ?></strong> <?php esc_html_e('– where fields can change based on the user selections', 'wpbot'); ?> <span class="qc_wpbot_pro" style="font-size: 9px;">PRO</span>
244	</li>
245	<li>Job <strong><?php esc_html_e('Application Forms', 'wpbot'); ?></strong>
246	</li>
247	<li>
248	<strong><?php esc_html_e('Lead Capture', 'wpbot'); ?></strong> <?php esc_html_e('Forms', 'wpbot'); ?>
249	</li>
250	<li><?php esc_html_e('Various types of', 'wpbot'); ?> <strong><?php esc_html_e('Calculators', 'wpbot'); ?></strong>
251	<span class="qc_wpbot_pro" style="font-size: 9px;"><?php esc_html_e('PRO', 'wpbot'); ?></span>
252	</li>
253	<li><?php esc_html_e('Feedback', 'wpbot'); ?> <strong>Survey</strong><?php esc_html_e(' Forms etc.', 'wpbot'); ?> </li>
254	</ul>
255	</div>
256	</div>
257	</div>
258	<div class="panel panel-default">
259	<div class="panel-heading" role="tab" id="AIheadingThree">
260	<h4 class="panel-title">
261	<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#AIcollapseThree" aria-expanded="false" aria-controls="AIcollapseThree"> <?php esc_html_e('DialogFlow ES and CX, OpenAI', 'wpbot'); ?> </a>
262	</h4>
263	</div>
264	<div id="AIcollapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="AIheadingThree">
265	<div class="panel-body">
266	<div class="section-container">
267	<div class="wpb_column vc_column_container vc_col-sm-6">
268	<div class="wpb_wrapper">
269	<h3 style="font-size: 20px;"><?php esc_html_e('DialogFlow Essential', 'wpbot'); ?></h3> <?php esc_html_e('Intents created in Dialogflow give you the power to build a truly human like, intelligent and comprehensive chatbot. Build any type of Intents and Responses (including rich message responses) directly in DialogFlow and train the bot accordingly. When you create custom intents and responses in DialogFlow, WPBot will <strong>automatically</strong> display them when user inputs match with your Custom Intents along with the responses you created. You can also build Rich responses by enabling Facebook messenger Response option.', 'wpbot'); ?> <p></p>
270	<p style="text-align: left;"><?php esc_html_e('In addition you can also Enable ', 'wpbot'); ?><strong><?php esc_html_e('Advanced Chained Question and Answers</strong> using follow up Intents, Contexts, Entities etc. and then have resulting answers from your users emailed to you. This feature lets you create a a series of questions in DialogFlow that will be asked by the bot and based on the user inputs a response will be displayed.', 'wpbot'); ?> <span class="qc_wpbot_pro" style="font-size: 9px;">PRO', 'wpbot'); ?></span>
271	</p>
272	<p style="text-align: left;"><?php esc_html_e('WPBot also supports Rich responses using Facebook Messenger integration. This allows you to display Image,', 'wpbot'); ?> <strong>Cards</strong><?php esc_html_e(', Quick Text Reply or Custom PayLoad inside the ChatBot window. You can also insert an ', 'wpbot'); ?><strong><?php esc_html_e('image', 'wpbot'); ?></strong><?php esc_html_e(' or', 'wpbot'); ?> <strong><?php esc_html_e('youtube video', 'wpbot'); ?></strong><?php esc_html_e(' link inside the DialogFlow responses and they will be automatically rendered by the WPBot!', 'wpbot'); ?> <span class="qc_wpbot_pro" style="font-size: 9px;"><?php esc_html_e('PRO', 'wpbot'); ?></span>
273	</p>
274	<h3 style="font-size: 20px;"><?php esc_html_e('OpenAI', 'wpbot'); ?></h3><?php esc_html_e('Connect the ChatBot to OpenAI. OpenAI’s API provides access to GPT-3, for a wide variety of natural language tasks. Train your ChatBot with (pre-trained) GPT-3 to answer any user questions using. Select your preferred Engine from DaVinci, Ada, Curie or Babbag! Add your own API key to the addon to connect to your OpenAI account. To go live, you need to apply to OpenAI.', 'wpbot'); ?>
275	</div>
276	</div>
277	<div class="wpb_column vc_column_container vc_col-sm-6">
278	<div class="wpb_wrapper">
279	<h3 style="font-size: 20px;"><?php esc_html_e('DialogFlow CX', 'wpbot'); ?> <span class="qc_wpbot_pro">PRO</span>
280	</h3>
281	<p><?php esc_html_e('WPBot supports', 'wpbot'); ?> <strong><?php esc_html_e('visual workflow builder', 'wpbot'); ?></strong><?php esc_html_e(' Dialogflow CX. It provides a new way of designing agents, taking a state machine approach to agent design. This gives you clear and explicit control over a conversation, a better end-user experience, and a better development', 'wpbot'); ?> <strong><?php esc_html_e('workflow', 'wpbot'); ?></strong>. </p>
282	<ul>
283	<li>
284	<strong><?php esc_html_e('Console visualization', 'wpbot'); ?></strong><?php esc_html_e(': A new', 'wpbot'); ?> <strong><?php esc_html_e('visual builder', 'wpbot'); ?></strong> <?php esc_html_e('makes building and maintaining agents easier. Conversation paths are graphed as a state machine model, which makes conversations easier to design, enhance, and maintain.', 'wpbot'); ?>
285	</li>
286	<li>
287	<strong><?php esc_html_e('Intuitive and powerful conversation control', 'wpbot'); ?></strong>: <?php esc_html_e('Conversation states and state transitions are first-class types that provide explicit and powerful control over conversation paths. You can clearly define a series of steps that you want the end-user to go through.', 'wpbot'); ?>
288	</li>
289	<li>
290	<strong><?php esc_html_e('Flows for agent partitions', 'wpbot'); ?></strong>: <?php esc_html_e('With flows, you can partition your agent into smaller conversation topics. Different team members can own different flows, which makes large and complex agents easy to build.', 'wpbot'); ?>
291	</li>
292	<img style="width:100%" src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/dialogflow-cx-1024x676.jpg' ); ?>" alt="Dialogflow CX">
293	</ul>
294	</div>
295	</div>
296	</div>
297	</div>
298	</div>
299	</div>
300
301
302	<!-- end new Section -->
303
304	</div>
305	</div>
306	</div>
307	<div class="wppt-settings-section" style="margin-right:unset;margin-left:unset;margin-top:40px;display:none" id="general_wp_nutshell">
308	<div class="content form-container qcbot_help_secion" style="background: #32373c">
309	<!-- new Section -->
310	<h3 style="margin-top: 10px;color:#fff"><?php echo esc_html__('WPBot – In a Nutshell', 'wpbot'); ?></h3>
311
312	<h6 style="color:#fff"><?php echo esc_html__('This is by no means a comprehensive list of WPBot features. But knowing these core terms will help you understand how WPBot was designed to work.', 'wpbot'); ?></h6>
313	<div style="clear:both"></div>
314	<div class="panel panel-default">
315	<div class="panel-heading" role="tab" id="headingOne">
316	<h4 class="panel-title">
317	<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> <?php esc_html_e('Intents', 'wpbot'); ?> </a>
318	</h4>
319	</div>
320	<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
321	<div class="panel-body">
322	<?php echo esc_html_e(' Intent is all about what the user wants to get out of the interaction. Whenever a user types something or clicks a button, the ChatBot will try to understand what the user wants and fulfill the request with appropriate responses.'); ?></br></br>
323	<?php echo esc_html_e('You have to create possible Intent Responses using different features of the WPBot so the bot can respond accordingly. You can create Responses for various Intents using:'); ?><b>
324	<?php echo esc_html_e('Simple Text Responses, Conversational form builder, FAQ, Site Search, Send an eMail, Newsletter Subscription, DialogFlow, OpenAI etc.'); ?></b></br></br>
325	<?php echo esc_html_e('Please check this article for'); ?> <h3 class="wppt_nav_container qcld-plan-tab-text">
326	<a class="nav-tab qcld-plan-tab-text" href="#general_int"><?php echo esc_html_e('more details'); ?></a> </h3> <?php echo esc_html_e('on how you can create Intents and Responses.'); ?>
327	</div>
328	</div>
329	</div>
330	<div class="panel panel-default">
331	<div class="panel-heading" role="tab" id="headingSix">
332	<h4 class="panel-title">
333	<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix"> <?php esc_html_e('Start Menu', 'wpbot'); ?> </a>
334	</h4>
335	</div>
336	<div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
337	<div class="panel-body">
338	<?php echo esc_html_e('While using a ChatBot, users can get lost or not know how to Interact with the Bot. That is why we have a Start menu to always give the user'); ?> <b><?php echo esc_html_e('options to do more'); ?></b>. <?php echo esc_html_e('From ChatBot->Settings->Start Menu you can drag Available Menu Items (Intents) to the Active Menu Items area.'); ?></br></br>
339	<?php echo esc_html_e('Besides the built-in Intents, you can also create custom Intents for your Start Menu using'); ?> <b><?php echo esc_html_e('Simple Text Responses'); ?></b> and <b><?php echo esc_html_e('Conversational form builder'); ?></b>. <?php echo esc_html_e('You can create almost any kind of response with the combinations of the two.'); ?></br></br>
340	<?php echo esc_html_e('We recommend enabling'); ?><b><?php echo esc_html_e(' Show Start Menu After Greetings '); ?></b><?php echo esc_html_e('from ChatBot Pro->Settings->General settings.'); ?>
341	</div>
342	</div>
343	</div>
344	<div class="panel panel-default">
345	<div class="panel-heading" role="tab" id="headingSeven">
346	<h4 class="panel-title">
347	<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven"> <?php esc_html_e('Settings', 'wpbot'); ?> </a>
348	</h4>
349	</div>
350	<div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven">
351	<div class="panel-body">
352	<?php echo esc_html_e('Head over to ChatBot Pro->Settings->General and make sure to Enable the Floating Icon. As soon as you do that, the ChatBot can start working for your users. Make sure to drag some items to the Active Menu area under the Start Menu.'); ?></br></br>
353	<?php echo esc_html_e('The ChatBot settings area is full of options. Do not be intimidated by that. You do not need to use all the options – just what you need. Head over to the Settings->'); ?><b><?php echo esc_html_e('Icons and Themes'); ?></b> <?php echo esc_html_e('for options to customize your ChatBot. You will also find options to embed the ChatBot on a page, click to chat, FAQ builder etc. under the Setting options.'); ?>
354	</div>
355	</div>
356	</div>
357	<div class="panel panel-default">
358	<div class="panel-heading" role="tab" id="headingEight">
359	<h4 class="panel-title">
360	<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseEight" aria-expanded="false" aria-controls="collapseEight"> <?php esc_html_e('Language Center', 'wpbot'); ?> </a>
361	</h4>
362	</div>
363	<div id="collapseEight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingEight">
364	<div class="panel-body">
365	<?php echo esc_html_e('You can use the ChatBot in'); ?> <b><?php echo esc_html_e('ANY language'); ?></b>. <?php echo esc_html_e('Just translate the texts used by the ChatBot from the WordPress dashboard ChatBot Pro->'); ?><b><?php echo esc_html_e('Language Center. Multi language'); ?></b> <?php echo esc_html_e('module is available in the Master License..'); ?>
366	</div>
367	</div>
368	</div>
369	<div class="panel panel-default">
370	<div class="panel-heading" role="tab" id="headingtwo">
371	<h4 class="panel-title">
372	<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsetwo" aria-expanded="false" aria-controls="collapseOne"> <?php esc_html_e('Simple Text Responses', 'wpbot'); ?> </a>
373	</h4>
374	</div>
375	<div id="collapsetwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingtwo">
376	<div class="panel-body">
377	<?php echo esc_html_e('You can use ChatBot Pro->Simple Text Responses to create'); ?> <b><?php echo esc_html_e('text-based responses'); ?></b> <?php echo esc_html_e('that users may ask your ChatBot. Just define the questions, answers, and some keywords and you are done. This is a much simpler'); ?> <b><?php echo esc_html_e('alternative '); ?></b> <?php echo esc_html_e('to DialogFlow or OpenAI.'); ?>
378	</div>
379	</div>
380	</div>
381	<div class="panel panel-default">
382	<div class="panel-heading" role="tab" id="headingThree">
383	<h4 class="panel-title">
384	<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> <?php esc_html_e('Conversational Forms', 'wpbot'); ?> </a>
385	</h4>
386	</div>
387	<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
388	<div class="panel-body">
389	<?php echo esc_html_e('Use conversational forms to collect information from the users. This is also great for Button driven workflow. Create conditional conversations and forms for a native WordPress ChatBot experience. Build Standard Forms, Dynamic Forms with'); ?> <b> <?php echo esc_html_e('conditional fields, Calculators, Appointment booking'); ?></b> <?php echo esc_html_e('etc.'); ?>
390	</div>
391	</div>
392	</div>
393	<div class="panel panel-default">
394	<div class="panel-heading" role="tab" id="headingten">
395	<h4 class="panel-title">
396	<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseten" aria-expanded="false" aria-controls="collapseten"> <?php esc_html_e('Retargeting (Pro feature)', 'wpbot'); ?> </a>
397	</h4>
398	</div>
399	<div id="collapseten" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingten">
400	<div class="panel-body">
401	<?php echo esc_html_e('Retargeting is a powerful feature to grab your user’s attention with motivating information (a sale, coupon, ebook etc.). You can trigger a Retargeting message and the ChatBot window will automatically'); ?> <b> <?php echo esc_html_e('automatically '); ?></b><?php echo esc_html_e('open up with your message. You can trigger Retargeting for '); ?><b> <?php echo esc_html_e('Exit Intent, Exit Intent, Scroll Intent, Auto After “X” Seconds, Checkout'); ?></b> <?php echo esc_html_e('etc.'); ?>
402	</div>
403	</div>
404	</div>
405	<div class="panel panel-default">
406	<div class="panel-heading" role="tab" id="headingFour">
407	<h4 class="panel-title">
408	<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> <?php esc_html_e('OpenAI or DialogFlow', 'wpbot'); ?> </a>
409	</h4>
410	</div>
411	<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
412	<div class="panel-body">
413	<?php echo esc_html_e('If you need a bot that can understand natural language better, use either OpenAI or DialogFlow. Between the two'); ?> <b> <?php echo esc_html_e('DialogFlow'); ?></b> <?php echo esc_html_e('is better if you want to'); ?> <b> <?php echo esc_html_e('provide customer support'); ?></b>. <?php echo esc_html_e('OpenAI is better at generic questions and training OpenAI also requires a large dataset. But you do not have to use either 3rd party service. Using OpenAI or DialogFlow requires some patience and'); ?> <b> <?php echo esc_html_e('effort'); ?></b>. <?php echo esc_html_e('You may very well achieve what you need using '); ?><b> <?php echo esc_html_e('Simple Text Responses'); ?></b> <?php echo esc_html_e('and/or'); ?> <b> <?php echo esc_html_e('Conversational form builder'); ?></b> <?php echo esc_html_e('instead.'); ?>
414	</div>
415	</div>
416	</div>
417	<div class="panel panel-default">
418	<div class="panel-heading" role="tab" id="headingFive">
419	<h4 class="panel-title">
420	<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive"> <?php esc_html_e('Getting Help', 'wpbot'); ?> </a>
421	</h4>
422	</div>
423	<div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
424	<div class="panel-body">
425	<?php echo esc_html_e('We have built-in Help section under each module. Please check them out and you will get many answers to the questions you may have. If you cannot find the answer to something particular, just contact us.'); ?> <b><?php echo esc_html_e('Pro version '); ?></b><?php echo esc_html_e('users can open a support ticket from here. We are '); ?><b><?php echo esc_html_e('friendly '); ?></b><?php echo esc_html_e('and always here to help.'); ?>
426	</div>
427	</div>
428	</div>
429	</div>
430	<!-- end new Section -->
431	</div>
432	<script type="text/javascript">
433	jQuery(document).ready(function($){
434	var url=document.URL;
435	var arr=url.split('#');
436	var tab_tar = '.'+arr[1];
437	setTimeout(function(){
438	jQuery(tab_tar).trigger('click');
439	}, 500);
440
441	jQuery('.wppt_nav_container .nav-tab').on('click', function(e){
442	e.preventDefault();
443	var section_id = jQuery(this).attr('href');
444	jQuery('.wppt_nav_container .nav-tab').removeClass('nav-tab-active');
445	jQuery(this).addClass('nav-tab-active');
446	jQuery('.wppt-settings-section').hide();
447	jQuery('.wppt-settings-section').each(function(){
448	jQuery(section_id).show();
449	});
450	});
451	})
452	</script>
453	</section>
454	<section id="<?php esc_attr_e( 'section-flip-2', 'wpbot' ); ?>">
455	<div class="<?php esc_attr_e( 'top-section', 'wpbot' ); ?> ">
456	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
457	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
458	<!-- <div class="<?php // esc_attr_e( 'cxsc-settings-blocks-notic', 'wpbot' ); ?>" style="<?php // echo esc_attr('background: #2271B1'); ?>">
459	<p class="<?php // esc_attr_e( 'd-ib', 'wpbot' ); ?> "><?php // esc_html_e('New horizontal/wide template is now available. Select from Icons and Themes', 'wpbot'); ?>
460	</div> -->
461	<div class="<?php esc_attr_e( 'cxsc-settings-blocks-notic', 'wpbot' ); ?> ">
462	<p class="<?php esc_attr_e( 'd-ib', 'wpbot' ); ?> "><i class="fa fa-check-square-o" aria-hidden="true"></i> <?php esc_html_e('Please see the plugin`s Getting Started section for how to create interactions.', 'wpbot'); ?></p>
463	<p class="<?php esc_attr_e( 'd-ib', 'wpbot' ); ?> "><i class="fa fa-check-square-o" aria-hidden="true"></i> <?php esc_html_e('You can change ALL the texts used by the ChatBot to YOUR language here -> ', 'wpbot'); ?><?php esc_html_e('Change Language', 'wpbot'); ?></p>
464	<p class="<?php esc_attr_e( 'd-ib', 'wpbot' ); ?> "><i class="fa fa-check-square-o" aria-hidden="true"></i> <?php esc_html_e('Please see the plugin`s Help and Debugging section to troubleshoot common issues.', 'wpbot'); ?></p>
465	</div>
466
467	<b>
468	<!-- <p>Please see the plugin's Help and Debugging section to troubleshoot common issues.</p> -->
469	</b>
470
471
472	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
473	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
474	<?php
475	$url = get_site_url();
476	$url = wp_parse_url($url);
477	$domain = $url['host'];
478
479	$admin_email = get_option('admin_email');
480	?>
481	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> "><?php esc_html_e('Emails Will be Sent to', 'wpbot'); ?></h4>
482	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?> "
483	name="qlcd_wp_chatbot_admin_email"
484	value="<?php echo (get_option('qlcd_wp_chatbot_admin_email') != '' ? esc_attr(get_option('qlcd_wp_chatbot_admin_email')) : esc_attr($admin_email) ) ?>">
485	<label for="disable_wp_chatbot', 'wpbot' ); ?>"><?php esc_html_e('Support and Call Back requests will be sent to this address', 'wpbot'); ?> </label>
486	</div>
487	</div>
488	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
489	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
490	<?php
491	$url = get_site_url();
492	$url = wp_parse_url($url);
493	$domain = $url['host'];
494	$fromEmail = "wordpress@" . $domain;
495	?>
496	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> "><?php esc_html_e('From Email Address', 'wpbot'); ?></h4>
497	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
498	name="qlcd_wp_chatbot_from_email"
499	value="<?php echo (get_option('qlcd_wp_chatbot_from_email') != '' ? esc_attr( get_option('qlcd_wp_chatbot_from_email')) : esc_attr($fromEmail)); ?> ">
500	<label for="qlcd_wp_chatbot_from_email', 'wpbot' ); ?>"><?php esc_html_e('All emails will be sent from this email address. If you change the From Email Address then please make sure the domain remains the same as where WordPress is installed. Otherwise, the emails may not be received.', 'wpbot'); ?> </label>
501	</div>
502	</div>
503	</div>
504	</div>
505	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
506	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
507	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?>">
508	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?>">
509	<h4 class="qc-opt-title"> <?php echo esc_html__("Skip Greetings (Asking for Name) and Show Start Menu", "wpchatbot"); ?> </h4>
510	<div class="cxsc-settings-blocks">
511	<input value="1" id="skip_wp_greetings" type="checkbox"
512	name="skip_wp_greetings" <?php echo(get_option('skip_wp_greetings') == 1 ? 'checked' : ''); ?>>
513	<label for="skip_wp_greetings"><?php echo esc_html__("Skip Greetings (Asking for Name) and Show Start Menu", "wpchatbot"); ?> </label>
514	</div>
515	</div>
516	</div>
517	</div>
518	</div>
519
520	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
521	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
522	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?>">
523	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?>">
524	<h4 class="qc-opt-title"> <?php echo esc_html__("Skip Greetings (Asking for Name) and Disable Start Menu", "wpchatbot"); ?> </h4>
525	<div class="cxsc-settings-blocks">
526	<input value="1" id="skip_wp_greetings_donot_show_menu" type="checkbox"
527	name="skip_wp_greetings_donot_show_menu" <?php echo(get_option('skip_wp_greetings_donot_show_menu') == 1 ? 'checked' : ''); ?>>
528	<label for="skip_wp_greetings_donot_show_menu"><?php echo esc_html__("Skip Greetings (Asking for Name) and Disable Start Menu", "wpchatbot"); ?> </label>
529	</div>
530	</div>
531	</div>
532	</div>
533	</div>
534	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
535	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
536	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
537	<?php esc_html_e('Show Start Menu After Greetings', 'wpbot'); ?>
538	</h4>
539	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
540	<input value="<?php esc_attr_e('1', 'wpbot'); ?>" id="<?php esc_attr_e( 'show_menu_after_greetings', 'wpbot' ); ?>" type="checkbox"
541	name="show_menu_after_greetings" <?php echo (get_option('show_menu_after_greetings') == 1 ? esc_attr('checked' ): ''); ?>>
542	<label for="<?php esc_html_e('show_menu_after_greetings', 'wpbot' ); ?>">
543	<?php esc_html_e('Show Start Menu After Greetings', 'wpbot'); ?>
544	</label>
545	</div>
546	</div>
547	</div>
548	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
549	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
550	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
551	<?php esc_html_e('Disable WPBot', 'wpbot'); ?>
552	</h4>
553	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?>">
554	<input value="<?php esc_attr_e('1', 'wpbot'); ?>" id="<?php esc_attr_e( 'disable_wp_chatbot', 'wpbot' ); ?>" type="checkbox"
555	name="disable_wp_chatbot" <?php echo (get_option('disable_wp_chatbot') == 1 ? esc_attr('checked'): ''); ?>>
556	<label for="<?php esc_attr_e('disable_wp_chatbot', 'wpbot' ); ?>">
557	<?php esc_html_e('Disable WPBot to Load', 'wpbot'); ?>
558	</label>
559	</div>
560	</div>
561	</div>
562
563	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
564	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
565	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
566	<?php esc_html_e('Disable WPbot on Mobile Device', 'wpbot'); ?>
567	</h4>
568	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
569	<input value="<?php esc_attr_e('1', 'wpbot'); ?>" id="<?php esc_attr_e( 'disable_wp_chatbot_on_mobile', 'wpbot' ); ?>" type="checkbox"
570	name="disable_wp_chatbot_on_mobile" <?php echo (get_option('disable_wp_chatbot_on_mobile') == 1 ? esc_attr('checked' ) : ''); ?>>
571	<label for="<?php esc_attr_e('disable_wp_chatbot_on_mobile', 'wpbot' ); ?>">
572	<?php esc_html_e('Disable WpBot to Load on Mobile Device', 'wpbot'); ?>
573	</label>
574	</div>
575	</div>
576	</div>
577
578	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
579	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
580	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
581	<?php esc_html_e('Enable RTL', 'wpbot'); ?>
582	</h4>
583	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
584	<input value="<?php esc_attr_e('1', 'wpbot'); ?>" id="<?php esc_attr_e( 'enable_wp_chatbot_rtl', 'wpbot' ); ?>" type="checkbox"
585	name="enable_wp_chatbot_rtl" <?php echo (get_option('enable_wp_chatbot_rtl') == 1 ? esc_attr('checked' ): ''); ?>>
586	<label for="<?php esc_attr_e( 'enable_wp_chatbot_rtl', 'wpbot' ); ?>">
587	<?php esc_html_e('Enable RTL (Right to Left language) Support for Chat', 'wpbot'); ?>
588	</label>
589	</div>
590	</div>
591	</div>
592
593	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
594	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
595	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
596	<?php esc_html_e('Open All Links in a New Window', 'wpbot'); ?>
597	</h4>
598	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?>">
599	<input value="<?php esc_attr_e('1', 'wpbot'); ?>" id="<?php esc_attr_e( 'open_links_new_window', 'wpbot' ); ?>" type="checkbox" name="open_links_new_window" <?php echo (get_option('open_links_new_window') == 1 ? esc_attr('checked'): ''); ?>>
600	<label for="<?php esc_attr_e('open_links_new_window', 'wpbot' ); ?>">
601	<?php esc_html_e('Open All Links in a New Window', 'wpbot'); ?>
602	</label>
603	</div>
604	</div>
605	</div>
606
607
608	<!-- <div class="<?php // esc_attr_e( 'row', 'wpbot' ); ?> ">
609	<div class="<?php // esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
610	<h4 class="<?php // esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
611	<?php // esc_html_e('WPBot Open Full Screen in Mobile', 'wpbot'); ?>
612	</h4>
613	<div class="<?php // esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
614	<input value="<?php // esc_attr_e('1', 'wpbot'); ?>" id="<?php // esc_attr_e( 'enable_wp_chatbot_mobile_full_screen', 'wpbot' ); ?>" type="checkbox"
615	name="enable_wp_chatbot_mobile_full_screen" <?php // echo (get_option('enable_wp_chatbot_mobile_full_screen') == 1 ? esc_attr('checked' ): ''); ?>>
616	<label for="<?php // esc_attr_e( 'enable_wp_chatbot_mobile_full_screen', 'wpbot' ); ?>">
617	<?php // esc_html_e('Enable WpBot Open Full Screen in Mobile', 'wpbot'); ?>
618	</label>
619	</div>
620	</div>
621	</div> -->
622	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
623	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
624	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> "><?php esc_html_e('Bot Response Delay', 'wpbot'); ?> </h4>
625	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
626	<select name="wpbot_preloading_time" id="<?php esc_attr_e( 'wpbot_preloading_time', 'wpbot' ); ?> ">
627	<option value="<?php esc_attr_e('100', 'wpbot'); ?>" <?php esc_attr_e((get_option('wpbot_preloading_time') == '100' ? 'selected="selected"' : ''), 'wpbot'); ?>><?php esc_html_e('0 Second', 'wpbot'); ?></option>
628	<option value="<?php esc_attr_e('500', 'wpbot'); ?>" <?php esc_attr_e((get_option('wpbot_preloading_time') == '500' ? 'selected="selected"' : ''), 'wpbot'); ?>><?php esc_html_e('0.5 Second', 'wpbot'); ?></option>
629	<option value="<?php esc_attr_e('1000', 'wpbot'); ?>" <?php esc_attr_e((get_option('wpbot_preloading_time') == '1000' ? 'selected="selected"' : ''), 'wpbot'); ?>><?php esc_html_e('1 Second', 'wpbot'); ?></option>
630	<option value="<?php esc_attr_e('2000', 'wpbot'); ?>" <?php esc_attr_e((get_option('wpbot_preloading_time') == '2000' ? 'selected="selected"' : ''), 'wpbot'); ?>><?php esc_html_e('2 Second', 'wpbot'); ?></option>
631	<option value="<?php esc_attr_e('3000', 'wpbot'); ?>" <?php esc_attr_e((get_option('wpbot_preloading_time') == '3000' ? 'selected="selected"' : ''), 'wpbot'); ?>><?php esc_html_e('3 Second', 'wpbot'); ?></option>
632	</select>
633	<label for="wpbot_preloading_time', 'wpbot' ); ?> "><?php esc_html_e('Bot Response Delay', 'wpbot'); ?> </label>
634	</div>
635	</div>
636	</div>
637	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
638	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
639	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
640	<?php esc_html_e('Override WPBot Icon\'s Position', 'wpbot'); ?>
641	</h4>
642	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
643	<?php
644	$qcld_wb_chatbot_position_x = get_option('wp_chatbot_position_x');
645	if ((!isset($qcld_wb_chatbot_position_x)) \|\| ($qcld_wb_chatbot_position_x == "")) {
646	$qcld_wb_chatbot_position_x = __("120", "wp_chatbot");
647	}
648	$qcld_wb_chatbot_position_y = get_option('wp_chatbot_position_y');
649	if ((!isset($qcld_wb_chatbot_position_y)) \|\| ($qcld_wb_chatbot_position_y == "")) {
650	$qcld_wb_chatbot_position_y = __("120", "wp_chatbot");
651	}
652	?>
653	<input type="number" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "
654	name="wp_chatbot_position_x"
655	value="<?php esc_attr_e($qcld_wb_chatbot_position_x, 'wpbot'); ; ?>"
656	placeholder="<?php esc_html_e('From Right In px', 'wpbot'); ?>">
657	<span class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> ">
658	<?php esc_html_e('From Right In px', 'wpbot'); ?>
659	</span>
660	<input type="number" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?>"
661	name="wp_chatbot_position_y"
662	value="<?php esc_attr_e($qcld_wb_chatbot_position_y, 'wpbot'); ; ?>"
663	placeholder="<?php esc_html_e('From Bottom In Px', 'wpbot'); ?> ">
664	<span class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> ">
665	<?php esc_html_e('From Bottom In px', 'wpbot'); ?>
666	</span> </div>
667	</div>
668	<!--.col-sm-12-->
669	</div>
670	<!-- row-->
671
672	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
673	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
674	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> "><strong>
675	<?php esc_html_e('WPBot', 'wpbot'); ?>
676	</strong>
677	<?php esc_html_e('Loading Control Options', 'wpbot'); ?>
678	</h4>
679	<div class="<?php esc_attr_e( 'cxsc-settings-blocks cxsc-settings-blocks-style', 'wpbot' ); ?> ">
680	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
681	<div class="<?php esc_attr_e( 'col-sm-4 text-right', 'wpbot' ); ?> "> <span class="<?php esc_attr_e( 'qc-opt-title-font', 'wpbot' ); ?> ">
682	<?php esc_html_e('Show on Home Page', 'wpbot'); ?>
683	</span> </div>
684	<div class="<?php esc_attr_e( 'col-sm-8', 'wpbot' ); ?> ">
685	<label class="<?php esc_attr_e( 'radio-inline', 'wpbot' ); ?> ">
686	<input id="<?php esc_attr_e( 'wp-chatbot-show-home-page', 'wpbot' ); ?>" type="radio"
687	name="wp_chatbot_show_home_page"
688	value="<?php esc_attr_e( 'on', 'wpbot' ); ?>" <?php echo(get_option('wp_chatbot_show_home_page') == 'on' ? esc_attr('checked' ): ''); ?>>
689	<?php esc_html_e('YES', 'wpbot'); ?>
690	</label>
691	<label class="<?php esc_attr_e( 'radio-inline', 'wpbot' ); ?> ">
692	<input id="<?php esc_attr_e( 'wp-chatbot-show-home-page', 'wpbot' ); ?>" type="radio"
693	name="wp_chatbot_show_home_page"
694	value="<?php esc_attr_e( 'off', 'wpbot' ); ?>" <?php echo(get_option('wp_chatbot_show_home_page') == 'off' ? esc_attr('checked' ): ''); ?>>
695	<?php esc_html_e('NO', 'wpbot'); ?>
696	</label>
697	</div>
698	</div>
699	<!-- row-->
700	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
701	<div class="<?php esc_attr_e( 'col-sm-4 text-right', 'wpbot' ); ?> "> <span class="<?php esc_attr_e( 'qc-opt-title-font', 'wpbot' ); ?> ">
702	<?php esc_html_e('Show on blog posts', 'wpbot'); ?>
703	</span> </div>
704	<div class="<?php esc_attr_e( 'col-sm-8', 'wpbot' ); ?> ">
705	<label class="<?php esc_attr_e( 'radio-inline', 'wpbot' ); ?> ">
706	<input class="<?php esc_attr_e( 'wp-chatbot-show-posts', 'wpbot'); ?>" type="radio"
707	name="wp_chatbot_show_posts"
708	value="<?php esc_attr_e( 'on', 'wpbot' ); ?>" <?php echo(get_option('wp_chatbot_show_posts') == 'on' ? esc_attr('checked' ): ''); ?>>
709	<?php esc_html_e('YES', 'wpbot'); ?>
710	</label>
711	<label class="<?php esc_attr_e( 'radio-inline', 'wpbot' ); ?> ">
712	<input class="<?php esc_attr_e( 'wp-chatbot-show-posts', 'wpbot'); ?>" type="radio"
713	name="wp_chatbot_show_posts"
714	value="<?php esc_attr_e( 'off', 'wpbot' ); ?>" <?php echo(get_option('wp_chatbot_show_posts') == 'off' ? esc_attr('checked' ): ''); ?>>
715	<?php esc_html_e('NO', 'wpbot'); ?>
716	</label>
717	</div>
718	</div>
719	<!-- row-->
720	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
721	<div class="<?php esc_attr_e( 'col-md-4 text-right', 'wpbot' ); ?> "> <span class="<?php esc_attr_e( 'qc-opt-title-font', 'wpbot' ); ?> ">
722	<?php esc_html_e('Show on pages', 'wpbot'); ?>
723	</span> </div>
724	<div class="<?php esc_attr_e( 'col-md-8', 'wpbot' ); ?> ">
725	<label class="<?php esc_attr_e( 'radio-inline', 'wpbot' ); ?> ">
726	<input class="<?php esc_attr_e( 'wp-chatbot-show-pages ', 'wpbot'); ?>" type="radio"
727	name="wp_chatbot_show_pages"
728	value="<?php esc_attr_e( 'on', 'wpbot' ); ?>" <?php echo(get_option('wp_chatbot_show_pages') == 'on' ? esc_attr('checked' ): ''); ?>>
729	<?php esc_html_e('All Pages', 'wpbot'); ?>
730	</label>
731	<label class="<?php esc_attr_e( 'radio-inline', 'wpbot' ); ?> ">
732	<input class="<?php esc_attr_e( 'wp-chatbot-show-pages', 'wpbot'); ?>" type="radio"
733	name="wp_chatbot_show_pages"
734	value="<?php esc_attr_e( 'off', 'wpbot' ); ?>" <?php echo(get_option('wp_chatbot_show_pages') == 'off' ? esc_attr('checked' ): ''); ?>>
735	<?php esc_html_e('Selected Pages Only ', 'wpbot'); ?>
736	</label>
737	<div id="<?php esc_attr_e( 'wp-chatbot-show-pages-list', 'wpbot' ); ?> ">
738	<ul class="<?php esc_attr_e( 'checkbox-list', 'wpbot' ); ?> ">
739	<?php
740	$wp_chatbot_pages = get_pages();
741	$wp_chatbot_select_pages = maybe_unserialize(get_option('wp_chatbot_show_pages_list'));
742	foreach ($wp_chatbot_pages as $wp_chatbot_page) {
743	?>
744	<li>
745	<input id="<?php esc_attr_e( 'wp_chatbot_show_page_'. $wp_chatbot_page->ID, 'wpbot' ); ?>"
746	type="checkbox"
747	name="wp_chatbot_show_pages_list[]"
748	value="<?php echo esc_attr($wp_chatbot_page->ID); ?>" <?php if (!empty($wp_chatbot_select_pages) && in_array($wp_chatbot_page->ID, $wp_chatbot_select_pages) == true) {
749	echo esc_attr('checked');
750	} ?> >
751	<label for="wp_chatbot_show_page_<?php echo esc_attr($wp_chatbot_page->ID); ?>"> <?php esc_html_e($wp_chatbot_page->post_title, 'wpbot'); ?></label>
752	</li>
753	<?php } ?>
754	</ul>
755	</div>
756	</div>
757	</div>
758	<!--row-->
759	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
760	<div class="<?php esc_attr_e( 'col-sm-4 text-right', 'wpbot' ); ?> "> <span class="<?php esc_attr_e( 'qc-opt-title-font', 'wpbot' ); ?> ">
761	<?php esc_html_e('Exclude from Custom Post', 'wpbot'); ?>
762	</span></div>
763	<div class="<?php esc_attr_e( 'col-sm-8', 'wpbot' ); ?> ">
764	<div id="<?php esc_attr_e( 'wp-chatbot-exclude-post-list', 'wpbot' ); ?> ">
765	<ul class="<?php esc_attr_e( 'checkbox-list', 'wpbot' ); ?> ">
766	<?php
767	$get_cpt_args = array(
768	'public' => true,
769	'_builtin' => false
770	);
771
772	$post_types = get_post_types( $get_cpt_args, 'object' );
773	$wp_chatbot_exclude_post_list = maybe_unserialize(get_option('wp_chatbot_exclude_post_list'));
774
775	foreach ($post_types as $post_type) {
776	?>
777	<li>
778	<input
779	id="<?php echo esc_attr( 'wp_chatbot_exclude_post_'. $post_type->name, 'wpbot' ); ?>"
780	type="checkbox"
781	name="wp_chatbot_exclude_post_list[]"
782	value="<?php echo esc_attr($post_type->name); ?>" <?php if (!empty($wp_chatbot_exclude_post_list) && in_array($post_type->name, $wp_chatbot_exclude_post_list) == true) {
783	echo esc_attr('checked');
784	} ?> >
785	<label
786	for="wp_chatbot_exclude_post_<?php echo esc_attr($post_type->name); ?>"> <?php esc_html_e($post_type->name, 'wpbot'); ?></label>
787	</li>
788	<?php } ?>
789	</ul>
790	</div>
791	</div>
792	</div>
793	</div>
794	<!-- cxsc-settings-blocks-->
795	</div>
796	<!-- col-xs-12-->
797	</div>
798	<!-- row-->
799
800	</div>
801	<!-- top-section-->
802	</section>
803	<section id="<?php esc_attr_e( 'section-flip-5', 'wpbot' ); ?>">
804	<!-- <div class="<?php // esc_attr_e( 'cxsc-settings-blocks-notic', 'wpbot' ); ?>" style="<?php // echo esc_attr('background: #2271B1'); ?>">
805	<p class="<?php // esc_attr_e( 'd-ib', 'wpbot' ); ?> "><?php // esc_html_e('New horizontal/wide template is now available. Select from Icons and Themes', 'wpbot'); ?>
806	</div> -->
807	<div class="<?php esc_attr_e( 'wp-chatbot-language-center-summmery', 'wpbot' ); ?> "> </div>
808	<ul class="<?php esc_attr_e( 'nav nav-tabs', 'wpbot' ); ?> ">
809	<li class="<?php esc_attr_e( 'active', 'wpbot' ); ?> "><a data-toggle="tab" href="<?php esc_attr_e( '#wp-chatbot-lng-general', 'wpbot' ); ?> ">
810	<?php esc_html_e('General', 'wpbot'); ?>
811	</a></li>
812	<li><a data-toggle="tab" href="<?php esc_attr_e( '#wp-chatbot-lng-support', 'wpbot' ); ?> ">
813	<?php esc_html_e('FAQ', 'wpbot'); ?>
814	</a></li>
815	<li><a data-toggle="tab" href="<?php esc_attr_e( '#wp-chatbot-lng-reserve-keyword', 'wpbot' ); ?> ">
816	<?php esc_html_e('ChatBot Keywords', 'wpbot'); ?>
817	</a></li>
818	</ul>
819	<div class="<?php esc_attr_e( 'tab-content', 'wpbot' ); ?> ">
820	<div id="<?php esc_attr_e( 'wp-chatbot-lng-general', 'wpbot' ); ?>" class="<?php esc_attr_e( 'tab-pane fade in active', 'wpbot' ); ?> ">
821	<div class="<?php esc_attr_e( 'top-section', 'wpbot' ); ?> ">
822	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
823	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?>" id="<?php esc_attr_e( 'wp-chatbot-language-section', 'wpbot' ); ?>">
824	<p style="color: red"><b><?php esc_html_e('You can change ALL the texts used by the ChatBot to YOUR OWN language here (like Spanish, French etc.).', 'wpbot' ); ?></b></p>
825	<p><?php esc_html_e('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).', 'wpbot' ); ?></p>
826	<p><?php esc_html_e('You could use <br> tag for line break.', 'wpbot' ); ?></p>
827	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
828	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
829	<?php esc_html_e('Your Company or Website Name', 'wpbot'); ?>
830	</h4>
831	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
832	name="qlcd_wp_chatbot_host"
833	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_host') != '' ? get_option('qlcd_wp_chatbot_host') : 'Our Store') ); ?> ">
834	</div>
835	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
836	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
837	<?php esc_html_e('Agent name', 'wpbot'); ?>
838	</h4>
839	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
840	name="qlcd_wp_chatbot_agent"
841	value="<?php echo (get_option('qlcd_wp_chatbot_agent') != '' ? esc_attr(get_option('qlcd_wp_chatbot_agent')) : 'Carrie'); ?>">
842	</div>
843	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
844	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
845	<?php esc_html_e('User demo name', 'wpbot'); ?>
846	</h4>
847	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
848	name="qlcd_wp_chatbot_shopper_demo_name"
849	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_shopper_demo_name') != '' ? get_option('qlcd_wp_chatbot_shopper_demo_name') : 'Amigo')); ?> ">
850	</div>
851	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
852	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
853	<?php esc_html_e('YES', 'wpbot'); ?>
854	</h4>
855	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
856	name="qlcd_wp_chatbot_yes"
857	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_yes') != '' ? get_option('qlcd_wp_chatbot_yes') : 'YES')); ?>">
858	</div>
859	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
860	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
861	<?php esc_html_e('NO', 'wpbot'); ?>
862	</h4>
863	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
864	name="qlcd_wp_chatbot_no"
865	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_no') != '' ? get_option('qlcd_wp_chatbot_no') : 'NO')); ?>">
866	</div>
867	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
868	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
869	<?php esc_html_e('OR', 'wpbot'); ?>
870	</h4>
871	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
872	name="qlcd_wp_chatbot_or"
873	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_or') != '' ? get_option('qlcd_wp_chatbot_or') : 'OR')); ?>">
874	</div>
875	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
876	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
877	<?php esc_html_e('Sorry', 'wpbot'); ?>
878	</h4>
879	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font ', 'wpbot' ); ?>"
880	name="qlcd_wp_chatbot_sorry"
881	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_sorry') != '' ? get_option('qlcd_wp_chatbot_sorry') : 'Sorry')); ?>">
882	</div>
883	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
884	<?php
885	$agent_join_options = maybe_unserialize(get_option('qlcd_wp_chatbot_agent_join'));
886	$agent_join_option = 'qlcd_wp_chatbot_agent_join';
887	$agent_join_text = __('has joined the conversation', 'wpbot');
888	$this->qcld_wb_chatbot_dynamic_multi_option($agent_join_options, $agent_join_option, $agent_join_text);
889	?>
890	</div>
891	</div>
892	<!--col-xs-12-->
893	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?>" id="<?php esc_attr_e( 'wp-chatbot-language-section', 'wpbot' ); ?> ">
894	<h4 class="<?php esc_attr_e( 'text-success', 'wpbot' ); ?> ">
895	<?php esc_html_e(' Message setting for Greetings: ', 'wpbot'); ?>
896	</h4>
897	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
898	<?php
899	$welcome_to_options = maybe_unserialize(get_option('qlcd_wp_chatbot_welcome'));
900	$welcome_to_option = 'qlcd_wp_chatbot_welcome';
901	$welcome_to_text = esc_html('Welcome to');
902	$this->qcld_wb_chatbot_dynamic_multi_option($welcome_to_options, $welcome_to_option, $welcome_to_text);
903	?>
904	</div>
905	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
906	<?php
907	$welcome_back_options = maybe_unserialize(get_option('qlcd_wp_chatbot_welcome_back'));
908	$welcome_back_option = 'qlcd_wp_chatbot_welcome_back';
909	$welcome_back_text = esc_html('Welcome back');
910	$this->qcld_wb_chatbot_dynamic_multi_option($welcome_back_options, $welcome_back_option, $welcome_back_text);
911	?>
912	</div>
913	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
914	<?php
915	$back_to_start_options = maybe_unserialize(get_option('qlcd_wp_chatbot_back_to_start'));
916	$back_to_start_option = 'qlcd_wp_chatbot_back_to_start';
917	$back_to_start_text = esc_html('Back to Start');
918	$this->qcld_wb_chatbot_dynamic_multi_option($back_to_start_options, $back_to_start_option, $back_to_start_text);
919	?>
920	</div>
921	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
922	<?php
923	$hi_there_options = maybe_unserialize(get_option('qlcd_wp_chatbot_hi_there'));
924	$hi_there_option = 'qlcd_wp_chatbot_hi_there';
925	$hi_there_text = esc_html('Hi There!');
926	$this->qcld_wb_chatbot_dynamic_multi_option($hi_there_options, $hi_there_option, $hi_there_text);
927	?>
928	</div>
929	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
930	<?php
931	$hello_options = maybe_unserialize(get_option('qlcd_wp_chatbot_hello'));
932	$hello_option = 'qlcd_wp_chatbot_hello';
933	$hello_text = esc_html('Hello');
934	$this->qcld_wb_chatbot_dynamic_multi_option($hello_options, $hello_option, $hello_text);
935	?>
936	</div>
937	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
938	<?php
939	$asking_name_options = maybe_unserialize(get_option('qlcd_wp_chatbot_asking_name'));
940	$asking_name_option = 'qlcd_wp_chatbot_asking_name';
941	$asking_name_text = esc_html('May I know your name?');
942	$this->qcld_wb_chatbot_dynamic_multi_option($asking_name_options, $asking_name_option, $asking_name_text);
943	?>
944	</div>
945	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
946	<?php
947	$i_am_options = maybe_unserialize(get_option('qlcd_wp_chatbot_i_am'));
948	$i_am_option = 'qlcd_wp_chatbot_i_am';
949	$i_am_text = esc_html('I am');
950	$this->qcld_wb_chatbot_dynamic_multi_option($i_am_options, $i_am_option, $i_am_text);
951	?>
952	</div>
953	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
954	<?php
955	$name_greeting_options = maybe_unserialize(get_option('qlcd_wp_chatbot_name_greeting'));
956	$name_greeting_option = 'qlcd_wp_chatbot_name_greeting';
957	$name_greeting_text = esc_html('Nice to meet you');
958	$this->qcld_wb_chatbot_dynamic_multi_option($name_greeting_options, $name_greeting_option, $name_greeting_text);
959	?>
960	</div>
961	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
962	<?php
963	$wildcard_msg_options = maybe_unserialize(get_option('qlcd_wp_chatbot_wildcard_msg'));
964	$wildcard_msg_option = 'qlcd_wp_chatbot_wildcard_msg';
965	$wildcard_msg_text = esc_html('I am here to find what you need. What are you looking for?');
966	$this->qcld_wb_chatbot_dynamic_multi_option($wildcard_msg_options, $wildcard_msg_option, $wildcard_msg_text);
967	?>
968	</div>
969	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
970	<?php
971	$empty_filter_msgs = maybe_unserialize(get_option('qlcd_wp_chatbot_empty_filter_msg'));
972	$empty_filter_msg = 'qlcd_wp_chatbot_empty_filter_msg';
973	$empty_filter_msg_text = esc_html('Sorry, I did not understand that');
974	$this->qcld_wb_chatbot_dynamic_multi_option($empty_filter_msgs, $empty_filter_msg, $empty_filter_msg_text);
975	?>
976	</div>
977	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
978	<?php
979	$qlcd_wp_chatbot_did_you_mean = maybe_unserialize(get_option('qlcd_wp_chatbot_did_you_mean'));
980	$qlcd_wp_chatbot_did_you_means = 'qlcd_wp_chatbot_did_you_mean';
981	$wp_chatbot_no_result_text = esc_html('Did you mean?');
982	$this->qcld_wb_chatbot_dynamic_multi_option($qlcd_wp_chatbot_did_you_mean, $qlcd_wp_chatbot_did_you_means, $wp_chatbot_no_result_text);
983	?>
984	</div>
985	<h4 class="<?php esc_attr_e( 'text-success', 'wpbot' ); ?> ">
986	<?php esc_html_e('Message setting for Editor Box ', 'wpbot'); ?>
987	</h4>
988	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
989	<?php
990	$is_typing_options = maybe_unserialize(get_option('qlcd_wp_chatbot_is_typing'));
991	$is_typing_option = 'qlcd_wp_chatbot_is_typing';
992	$is_typing_text = esc_html('is typing...');
993	$this->qcld_wb_chatbot_dynamic_multi_option($is_typing_options, $is_typing_option, $is_typing_text);
994	?>
995	</div>
996	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
997	<?php
998	$send_a_msg_options = maybe_unserialize(get_option('qlcd_wp_chatbot_send_a_msg'));
999	$send_a_msg_option = 'qlcd_wp_chatbot_send_a_msg';
1000	$send_a_msg_text = esc_html('Send a message');
1001	$this->qcld_wb_chatbot_dynamic_multi_option($send_a_msg_options, $send_a_msg_option, $send_a_msg_text);
1002	?>
1003	</div>
1004	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1005	<?php
1006	$choose_option_options = maybe_unserialize(get_option('qlcd_wp_chatbot_choose_option'));
1007	$choose_option_option = 'qlcd_wp_chatbot_choose_option';
1008	$choose_option_text = esc_html('Choose an option');
1009	$this->qcld_wb_chatbot_dynamic_multi_option($choose_option_options, $choose_option_option, $choose_option_text);
1010	?>
1011	</div>
1012	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1013	<?php
1014	$asking_email_options = maybe_unserialize(get_option('qlcd_wp_chatbot_asking_email'));
1015	$asking_email_option = 'qlcd_wp_chatbot_asking_email';
1016	$asking_email_text = esc_html('Please provide your email address');
1017	$this->qcld_wb_chatbot_dynamic_multi_option($asking_email_options, $asking_email_option, $asking_email_text);
1018	?>
1019	</div>
1020	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1021	<?php
1022	$invalid_email_options = maybe_unserialize(get_option('qlcd_wp_chatbot_invalid_email'));
1023	$invalid_email_option = 'qlcd_wp_chatbot_invalid_email';
1024	$invalid_email_text = esc_html('Sorry, Email address is not valid! Please provide a valid email.');
1025	$this->qcld_wb_chatbot_dynamic_multi_option($invalid_email_options, $invalid_email_option, $invalid_email_text);
1026	?>
1027	</div>
1028	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1029	<?php
1030	$asking_msg_options = maybe_unserialize(get_option('qlcd_wp_chatbot_asking_msg'));
1031	$asking_msg_option = 'qlcd_wp_chatbot_asking_msg';
1032	$asking_msg_text = esc_html('Thank you for email address. Please write your message now.');
1033	$this->qcld_wb_chatbot_dynamic_multi_option($asking_msg_options, $asking_msg_option, $asking_msg_text);
1034	?>
1035	</div>
1036	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1037	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1038	<?php esc_html_e('WPBot Support Mail Subject', 'wpbot'); ?>
1039	</h4>
1040	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
1041	name="qlcd_wp_chatbot_email_sub"
1042	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_email_sub') != '' ? wp_unslash(get_option('qlcd_wp_chatbot_email_sub')) : 'Support Email Subject') ); ?>">
1043	</div>
1044	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1045	<?php
1046	$support_option_again_options = maybe_unserialize(get_option('qlcd_wp_chatbot_support_option_again'));
1047	$support_option_again_option = 'qlcd_wp_chatbot_support_option_again';
1048	$support_option_again_text = esc_html('You may choose option from below.');
1049	$this->qcld_wb_chatbot_dynamic_multi_option($support_option_again_options, $support_option_again_option, $support_option_again_text);
1050	?>
1051	</div>
1052	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1053	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1054	<?php esc_html_e('Your email was sent successfully.Thanks!', 'wpbot'); ?>
1055	</h4>
1056	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
1057	name="qlcd_wp_chatbot_email_sent"
1058	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_email_sent') != '' ? get_option('qlcd_wp_chatbot_email_sent') : 'Your email was sent successfully.Thanks!')); ?> ">
1059	</div>
1060	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1061	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1062	<?php esc_html_e('Sorry! I could not send your mail! Please contact the webmaster.', 'wpbot'); ?>
1063	</h4>
1064	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font ', 'wpbot' ); ?>"
1065	name="qlcd_wp_chatbot_email_fail"
1066	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_email_fail') != '' ? wp_unslash(get_option('qlcd_wp_chatbot_email_fail')) : 'Sorry! fail to send email')); ?> ">
1067	</div>
1068
1069	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1070	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1071	<?php esc_html_e('Check the relevant pages for more details and up to date information:', 'wpbot'); ?>
1072	</h4>
1073	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font ', 'wpbot' ); ?>"
1074	name="qlcd_wp_chatbot_relevant_post_link_openai"
1075	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_relevant_post_link_openai') != '' ? wp_unslash(get_option('qlcd_wp_chatbot_relevant_post_link_openai')) : 'Check the relevant pages for more details and up to date information:')); ?> ">
1076	</div>
1077
1078	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1079	<?php
1080	$asking_phone_options = maybe_unserialize(get_option('qlcd_wp_chatbot_asking_phone'));
1081	$asking_phone_option = 'qlcd_wp_chatbot_asking_phone';
1082	$asking_phone_text = esc_html('Please provide your Phone number');
1083	$this->qcld_wb_chatbot_dynamic_multi_option($asking_phone_options, $asking_phone_option, $asking_phone_text);
1084	?>
1085	</div>
1086	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1087	<?php
1088	$thanks_phone_options = maybe_unserialize(get_option('qlcd_wp_chatbot_thank_for_phone'));
1089	$thanks_phone_option = 'qlcd_wp_chatbot_thank_for_phone';
1090	$thanks_phone_text = esc_html('Thank you for Phone number');
1091	$this->qcld_wb_chatbot_dynamic_multi_option($thanks_phone_options, $thanks_phone_option, $thanks_phone_text);
1092	?>
1093	</div>
1094	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1095	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1096	<?php esc_html_e('Thanks for your phone number. We will call you ASAP!', 'wpbot'); ?>
1097	</h4>
1098	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
1099	name="qlcd_wp_chatbot_phone_sent"
1100	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_phone_sent') != '' ?get_option('qlcd_wp_chatbot_phone_sent') : 'Thanks for your phone number. We will call you ASAP!')); ?> ">
1101	</div>
1102	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1103	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1104	<?php esc_html_e('Sorry! I could not collect phone number! Please contact the webmaster.', 'wpbot'); ?>
1105	</h4>
1106	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
1107	name="qlcd_wp_chatbot_phone_fail"
1108	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_phone_fail') != '' ? wp_unslash(get_option('qlcd_wp_chatbot_phone_fail')) : 'Sorry! I could not collect phone number!')); ?> ">
1109	</div>
1110
1111	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1112	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1113	<?php esc_html_e('Please enter your keyword for searching', 'wpbot'); ?>
1114	</h4>
1115	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
1116	name="qlcd_wp_chatbot_asking_search_keyword"
1117	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_asking_search_keyword') != '' ? wp_unslash(get_option('qlcd_wp_chatbot_asking_search_keyword')) : 'Please enter your keyword for searching')); ?> ">
1118	</div>
1119	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1120	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1121	<?php esc_html_e('We have found these results', 'wpbot'); ?>
1122	</h4>
1123	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
1124	name="qlcd_wp_chatbot_found_result"
1125	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_found_result') != '' ? wp_unslash(get_option('qlcd_wp_chatbot_found_result')) : 'We have found these results')); ?> ">
1126	</div>
1127	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1128	<?php
1129	$qlcd_wp_chatbot_product_fails = maybe_unserialize(get_option('qlcd_wp_chatbot_product_fail'));
1130	$qlcd_wp_chatbot_product_fail = 'qlcd_wp_chatbot_product_fail';
1131	$fail_text = esc_html('Sorry, I found nothing');
1132	$this->qcld_wb_chatbot_dynamic_multi_option($qlcd_wp_chatbot_product_fails, $qlcd_wp_chatbot_product_fail, $fail_text);
1133	?>
1134	</div>
1135	</div>
1136	</div>
1137	</div>
1138	</div>
1139	<div id="<?php esc_attr_e( 'wp-chatbot-lng-support', 'wpbot' ); ?>" class="<?php esc_attr_e( 'tab-pane fade', 'wpbot' ); ?> ">
1140	<div class="<?php esc_attr_e( 'top-section', 'wpbot' ); ?> ">
1141	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
1142	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?>" id="<?php esc_attr_e( 'wp-chatbot-language-section', 'wpbot' ); ?> ">
1143	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1144	<?php
1145	$support_welcome_options = maybe_unserialize(get_option('qlcd_wp_chatbot_support_welcome'));
1146	$support_welcome_option = 'qlcd_wp_chatbot_support_welcome';
1147	$support_welcome_text = esc_html('Welcome to FAQ Section');
1148	$this->qcld_wb_chatbot_dynamic_multi_option($support_welcome_options, $support_welcome_option, $support_welcome_text);
1149	?>
1150	</div>
1151
1152	<div class="<?php // esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1153	<?php
1154	// $feedback_label_options = maybe_unserialize(get_option('qlcd_wp_chatbot_feedback_label'));
1155	// $feedback_label_option = 'qlcd_wp_chatbot_feedback_label';
1156	// $feedback_label_text = esc_html('Send Feedback!');
1157	// $this->qcld_wb_chatbot_dynamic_multi_option($feedback_label_options, $feedback_label_option, $feedback_label_text);
1158	?>
1159	</div>
1160
1161	</div>
1162	</div>
1163	</div>
1164	</div>
1165	<div id="<?php esc_attr_e( 'wp-chatbot-lng-reserve-keyword', 'wpbot' ); ?>" class="<?php esc_attr_e( 'tab-pane fade', 'wpbot' ); ?> ">
1166	<div class="<?php esc_attr_e( 'top-section', 'wpbot' ); ?> ">
1167	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
1168	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?>" id="<?php esc_attr_e( 'wp-chatbot-language-section', 'wpbot' ); ?> ">
1169	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1170	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1171	<?php esc_html_e('Start Keyword', 'wpbot'); ?>
1172	</h4>
1173	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
1174	name="qlcd_wp_chatbot_sys_key_help"
1175	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_sys_key_help') != '' ? get_option('qlcd_wp_chatbot_sys_key_help'): 'start')) ; ?> ">
1176	</div>
1177	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1178	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> "><strong>
1179	<?php esc_html_e('FAQ', 'wpbot'); ?>
1180	</strong>
1181	<?php esc_html_e('Keyword', 'wpbot'); ?>
1182	</h4>
1183	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
1184	name="qlcd_wp_chatbot_sys_key_support"
1185	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_sys_key_support') != '' ? get_option('qlcd_wp_chatbot_sys_key_support') : 'faq')); ?> ">
1186	</div>
1187	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1188	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> "><strong>
1189	<?php esc_html_e('Converstion History Clear', 'wpbot'); ?>
1190	</strong>
1191	<?php esc_html_e('Keyword', 'wpbot'); ?>
1192	</h4>
1193	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
1194	name="qlcd_wp_chatbot_sys_key_reset"
1195	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_sys_key_reset') != '' ? get_option('qlcd_wp_chatbot_sys_key_reset') : 'reset')); ?> ">
1196	</div>
1197	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1198	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> "><strong>
1199	<?php esc_html_e('eMail', 'wpbot'); ?>
1200	</strong>
1201	<?php esc_html_e('Keyword to Send eMail', 'wpbot'); ?>
1202	</h4>
1203	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
1204	name="qlcd_wp_chatbot_sys_key_email"
1205	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_sys_key_email') != '' ? get_option('qlcd_wp_chatbot_sys_key_email'): 'email')); ?>">
1206	</div>
1207	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1208	<?php
1209	$help_welcome_options = maybe_unserialize(wp_kses_post(get_option('qlcd_wp_chatbot_help_welcome')));
1210	$help_welcome_option = 'qlcd_wp_chatbot_help_welcome';
1211	$help_welcome_text = esc_html('Welcome to Help Section');
1212	$this->qcld_wb_chatbot_dynamic_multi_option($help_welcome_options, $help_welcome_option, $help_welcome_text);
1213	?>
1214	</div>
1215	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1216	<?php
1217	$help_msg_options = maybe_unserialize(wp_kses_post(get_option('qlcd_wp_chatbot_help_msg')));
1218	$help_msg_option = 'qlcd_wp_chatbot_help_msg';
1219	$help_msg_text = '<b>Type and Hit Enter</b><br><ul><li> <b>start</b> to Get back to the main menu. </li><li> <b>faq</b> for FAQ. </li><li> <b>email </b> to send eMail </li><li> <b>reset</b> to restart the chat</li></ul>';
1220	$this->qcld_wb_chatbot_dynamic_multi_option($help_msg_options, $help_msg_option, $help_msg_text);
1221	?>
1222	</div>
1223	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1224	<?php
1225	$reset_options = maybe_unserialize(wp_kses_post(get_option('qlcd_wp_chatbot_reset')));
1226	$reset_option = 'qlcd_wp_chatbot_reset';
1227	$reset_text = esc_html('Do you want to clear our chat history and start over?' );
1228	$this->qcld_wb_chatbot_dynamic_multi_option($reset_options, $reset_option, $reset_text);
1229	?>
1230	</div>
1231	</div>
1232	<!-- col-xs-12-->
1233	</div>
1234	<!-- row-->
1235	</div>
1236	<!-- top-section-->
1237	</div>
1238	</div>
1239	<!-- tab-content-->
1240	</section>
1241	<section id="<?php esc_attr_e( 'section-flip-3', 'wpbot' ); ?> ">
1242	<!-- <div class="<?php // esc_attr_e( 'cxsc-settings-blocks-notic', 'wpbot' ); ?>" style="<?php // echo esc_attr('background: #2271B1'); ?>">
1243	<p class="<?php // esc_attr_e( 'd-ib', 'wpbot' ); ?> "><?php // esc_html_e('New horizontal/wide template is now available. Select from Icons and Themes', 'wpbot'); ?>
1244	</div> -->
1245	<ul class="<?php esc_attr_e( 'nav nav-tabs', 'wpbot' ); ?> ">
1246	<li class="<?php esc_attr_e( 'active', 'wpbot' ); ?> "><a data-toggle="tab" href="<?php esc_attr_e( '#wp-chatbot-icon-theme-settings', 'wpbot' ); ?> "><?php esc_html_e('Icons & Themes', 'wpbot'); ?></a></li>
1247	<li><a data-toggle="tab" href="<?php esc_attr_e( '#wp-chatbot-custom-color-options', 'wpbot' ); ?> "><?php esc_html_e('Custom Style Options', 'wpbot'); ?></a></li>
1248	</ul>
1249	<div class="<?php esc_attr_e( 'tab-content', 'wpbot' ); ?> ">
1250	<div id="<?php esc_attr_e( 'wp-chatbot-icon-theme-settings', 'wpbot' ); ?>" class="<?php esc_attr_e( 'tab-pane fade in active', 'wpbot' ); ?> ">
1251	<div class="<?php esc_attr_e( 'top-section', 'wpbot' ); ?> ">
1252	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
1253	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
1254
1255	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1256	<?php esc_html_e('WPBot Icon', 'wpbot'); ?>
1257	</h4>
1258	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1259	<ul class="<?php esc_attr_e( 'radio-list', 'wpbot' ); ?> ">
1260
1261	<li>
1262	<label for="wp_chatbot_icon_0" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-0.png" alt="">
1263	<input id="<?php esc_attr_e( 'wp_chatbot_icon_0', 'wpbot' ); ?>" type="radio"
1264	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-0.png' ? esc_attr('checked' ): ''); ?>
1265	value="<?php echo esc_attr('icon-0.png'); ?>">
1266	<?php esc_html_e('Icon - 0', 'wpbot'); ?>
1267	</label>
1268	</li>
1269	<li>
1270	<label for="wp_chatbot_icon_1" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-1.png"
1271	alt="">
1272	<input id="<?php esc_attr_e( 'wp_chatbot_icon_1', 'wpbot' ); ?>" type="radio"
1273	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-1.png' ? esc_attr('checked' ): ''); ?>
1274	value="<?php echo esc_attr('icon-1.png'); ?>">
1275	<?php esc_html_e('Icon - 1', 'wpbot'); ?>
1276	</label>
1277	</li>
1278	<li>
1279	<label for="wp_chatbot_icon_2" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-2.png"
1280	alt="">
1281	<input id="<?php esc_attr_e( 'wp_chatbot_icon_2', 'wpbot' ); ?>" type="radio"
1282	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-2.png' ? esc_attr('checked' ): ''); ?>
1283	value="<?php echo esc_attr('icon-2.png'); ?>">
1284	<?php esc_html_e('Icon - 2', 'wpbot'); ?>
1285	</label>
1286	</li>
1287	<li>
1288	<label for="wp_chatbot_icon_3" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-3.png"
1289	alt="">
1290	<input id="<?php esc_attr_e( 'wp_chatbot_icon_3', 'wpbot' ); ?>" type="radio"
1291	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-3.png' ? esc_attr('checked' ): ''); ?>
1292	value="<?php echo esc_attr('icon-3.png'); ?>">
1293	<?php esc_html_e('Icon - 3', 'wpbot'); ?>
1294	</label>
1295	</li>
1296	<li>
1297	<label for="wp_chatbot_icon_4" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-4.png"
1298	alt="' ">
1299	<input id="<?php esc_attr_e( 'wp_chatbot_icon_4', 'wpbot' ); ?>" type="radio"
1300	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-4.png' ? esc_attr('checked'): ''); ?>
1301	value="<?php echo esc_attr('icon-4.png'); ?>">
1302	<?php esc_html_e('Icon - 4', 'wpbot'); ?>
1303	</label>
1304	</li>
1305	<li>
1306	<label for="wp_chatbot_icon_5" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-5.png"
1307	alt="">
1308	<input id="<?php esc_attr_e( 'wp_chatbot_icon_5', 'wpbot' ); ?>" type="radio"
1309	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-5.png' ? esc_attr('checked' ): ''); ?>
1310	value="<?php echo esc_attr('icon-5.png'); ?>">
1311	<?php esc_html_e('Icon - 5', 'wpbot'); ?>
1312	</label>
1313	</li>
1314	<li>
1315	<label for="wp_chatbot_icon_6" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-6.png"
1316	alt=" ">
1317	<input id="<?php esc_attr_e( 'wp_chatbot_icon_6', 'wpbot' ); ?>" type="radio"
1318	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-6.png' ? esc_attr('checked' ): ''); ?>
1319	value="<?php echo esc_attr('icon-6.png'); ?>">
1320	<?php esc_html_e('Icon - 6', 'wpbot'); ?>
1321	</label>
1322	</li>
1323	<li>
1324	<label for="wp_chatbot_icon_7" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-7.png"
1325	alt=" ">
1326	<input id="<?php esc_attr_e( 'wp_chatbot_icon_7', 'wpbot' ); ?>" type="radio"
1327	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-7.png' ? esc_attr('checked' ): ''); ?>
1328	value="<?php echo esc_attr('icon-7.png'); ?>">
1329	<?php esc_html_e('Icon - 7', 'wpbot'); ?>
1330	</label>
1331	</li>
1332	<li>
1333	<label for="wp_chatbot_icon_8" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-8.png"
1334	alt="">
1335	<input id="<?php esc_attr_e( 'wp_chatbot_icon_8', 'wpbot' ); ?>" type="radio"
1336	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-8.png' ? esc_attr('checked' ): ''); ?>
1337	value="<?php echo esc_attr('icon-8.png'); ?>">
1338	<?php esc_html_e('Icon - 8', 'wpbot'); ?>
1339	</label>
1340	</li>
1341	<li>
1342	<label for="wp_chatbot_icon_9" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-9.png"
1343	alt=" ">
1344	<input id="<?php esc_attr_e( 'wp_chatbot_icon_9', 'wpbot' ); ?>" type="radio"
1345	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-9.png' ? esc_attr('checked' ): ''); ?>
1346	value="<?php echo esc_attr('icon-9.png'); ?>">
1347	<?php esc_html_e('Icon - 9', 'wpbot'); ?>
1348	</label>
1349	</li>
1350	<li>
1351	<label for="wp_chatbot_icon_10" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-10.png"
1352	alt=" ">
1353	<input id="<?php esc_attr_e( 'wp_chatbot_icon_10', 'wpbot' ); ?>" type="radio"
1354	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-10.png' ? esc_attr('checked' ): ''); ?>
1355	value="<?php echo esc_attr('icon-10.png'); ?>">
1356	<?php esc_html_e('Icon - 10', 'wpbot'); ?>
1357	</label>
1358	</li>
1359	<li>
1360	<label for="wp_chatbot_icon_11" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-11.png"
1361	alt="">
1362	<input id="<?php esc_attr_e( 'wp_chatbot_icon_11', 'wpbot' ); ?>" type="radio"
1363	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-11.png' ? esc_attr('checked' ): ''); ?>
1364	value="<?php echo esc_attr('icon-11.png'); ?>">
1365	<?php esc_html_e('Icon - 11', 'wpbot'); ?>
1366	</label>
1367	</li>
1368	<li>
1369	<label for="wp_chatbot_icon_12" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-12.png"
1370	alt="">
1371	<input id="<?php esc_attr_e( 'wp_chatbot_icon_12', 'wpbot' ); ?>" type="radio"
1372	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-12.png' ? esc_attr('checked' ): ''); ?>
1373	value="<?php echo esc_attr('icon-12.png'); ?>">
1374	<?php esc_html_e('Icon - 12', 'wpbot'); ?>
1375	</label>
1376	</li>
1377
1378	<li>
1379	<label for="wp_chatbot_icon_13" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "><img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>/icon-13.png"
1380	alt="">
1381	<input id="<?php esc_attr_e( 'wp_chatbot_icon_13', 'wpbot' ); ?>" type="radio"
1382	name="wp_chatbot_icon" <?php echo(get_option('wp_chatbot_icon') == 'icon-13.png' ? esc_attr('checked' ): ''); ?>
1383	value="<?php echo esc_attr('icon-13.png'); ?>">
1384	<?php esc_html_e('Icon - 13', 'wpbot'); ?>
1385	</label>
1386	</li>
1387	<li>
1388	<?php
1389	if (get_option('wp_chatbot_custom_icon_path') != "") {
1390	$wp_chatbot_custom_icon_path = get_option('wp_chatbot_custom_icon_path');
1391	} else {
1392	$wp_chatbot_custom_icon_path = esc_url(QCLD_wpCHATBOT_IMG_URL) . 'custom.png';
1393	}
1394	?>
1395	<label for="<?php esc_attr_e( 'wp_chatbot_custom_icon_input', 'wpbot' ); ?>" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "> <img id="<?php esc_attr_e( 'wp_chatbot_custom_icon_src ', 'wpbot' ); ?>"
1396	src="<?php echo esc_url($wp_chatbot_custom_icon_path); ?>" alt=" ">
1397	<input id="<?php esc_attr_e( 'wp_chatbot_custom_icon_input', 'wpbot' ); ?>" type="radio"
1398	name="wp_chatbot_icon"
1399	value="<?php echo esc_attr('custom.png' ); ?>" <?php echo(get_option('wp_chatbot_icon') == 'custom.png' ? esc_attr('checked' ): ''); ?>>
1400	<?php esc_html_e('Custom Icon', 'wpbot'); ?>
1401	</label>
1402	</li>
1403	</ul>
1404	</div>
1405	<!-- cxsc-settings-blocks-->
1406
1407	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
1408	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?> ">
1409	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1410	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1411	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1412	<?php esc_html_e('WPBot Icon Background Color.', 'wpbot'); ?>
1413	</h4>
1414	<input id="<?php esc_attr_e( 'wp_chatbot_floatingiconbg_color', 'wpbot' ); ?>" type="text" name="wp_chatbot_floatingiconbg_color" value="<?php echo esc_attr((get_option('wp_chatbot_floatingiconbg_color') != '' ? get_option('wp_chatbot_floatingiconbg_color'): '#fff') ); ?>"/>
1415	</div>
1416	</div>
1417	</div>
1418	</div>
1419	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
1420	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
1421	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1422	<?php esc_html_e(' Upload custom Icon ', 'wpbot'); ?> <span class="small"><span class="text-danger"><?php esc_html_e('** If you select custom icon, you must upload an icon image.', 'wpbot'); ?></span></span>
1423	</h4>
1424	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1425	<input type="hidden" name="wp_chatbot_custom_icon_path"
1426	id="<?php esc_attr_e( 'wp_chatbot_custom_icon_path', 'wpbot' ); ?>"
1427	value="<?php esc_attr_e( $wp_chatbot_custom_icon_path, 'wpbot' ); ?>"/>
1428	<button type="button" class="<?php esc_attr_e( 'wp_chatbot_custom_icon_button button', 'wpbot' ); ?> ">
1429	<?php esc_html_e('Upload Icon', 'wpbot'); ?>
1430	</button>
1431	</div>
1432	</div>
1433	</div>
1434
1435
1436
1437	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
1438	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
1439	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1440	<?php esc_html_e(' WPBot Agent Image', 'wpbot'); ?>
1441	</h4>
1442	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1443	<ul class="<?php esc_attr_e( 'radio-list radio-list-custom', 'wpbot' ); ?> ">
1444	<li>
1445	<label for="wp_chatbot_agent_image_def" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "> <img src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>icon-13.png"
1446	alt="', 'wpbot' ); ?> ">
1447	<input id="<?php esc_attr_e( 'wp_chatbot_agent_image_def', 'wpbot' ); ?>" type="radio"
1448	name="wp_chatbot_agent_image" <?php echo(get_option('wp_chatbot_agent_image') == 'agent-0.png' ? esc_attr('checked' ): ''); ?>
1449	value="<?php esc_attr_e('agent-0.png', 'wpbot' ); ?> ">
1450	<?php esc_html_e('Default Agent', 'wpbot'); ?>
1451	</label>
1452	</li>
1453	<li>
1454	<?php
1455	if (get_option('wp_chatbot_custom_agent_path') != "") {
1456	$wp_chatbot_custom_agent_path = get_option('wp_chatbot_custom_agent_path');
1457	} else {
1458	$wp_chatbot_custom_agent_path = esc_url(QCLD_wpCHATBOT_IMG_URL) . 'custom-agent.png';
1459	}
1460	?>
1461	<label for="wp_chatbot_agent_image_custom" class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "> <img id="<?php esc_attr_e( 'wp_chatbot_custom_agent_src', 'wpbot' ); ?>"
1462	src="<?php echo esc_url($wp_chatbot_custom_agent_path); ?>"
1463	alt="Agent', 'wpbot' ); ?> ">
1464	<input type="radio" name="wp_chatbot_agent_image"
1465	id="<?php esc_attr_e( 'wp_chatbot_agent_image_custom', 'wpbot' ); ?>"
1466	value="<?php esc_attr_e('custom-agent.png', 'wpbot' ); ?>" <?php echo(get_option('wp_chatbot_agent_image') == 'custom-agent.png' ? esc_attr('checked' ): ''); ?>>
1467	<?php esc_html_e('Custom Agent', 'wpbot'); ?></label>
1468	</li>
1469	</ul>
1470	</div>
1471	<!-- cxsc-settings-blocks-->
1472	</div>
1473	</div>
1474	</div>
1475	</div>
1476	</div>
1477	<div class="<?php esc_attr_e( 'top-section', 'wpbot' ); ?> ">
1478	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
1479	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
1480	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1481	<?php esc_html_e('Custom Agent Icon', 'wpbot'); ?>
1482	</h4>
1483	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1484	<input type="hidden" name="wp_chatbot_custom_agent_path"
1485	id="<?php esc_attr_e( 'wp_chatbot_custom_agent_path', 'wpbot' ); ?>"
1486	value="<?php esc_attr_e( $wp_chatbot_custom_agent_path, 'wpbot' ); ?>"/>
1487	<button type="button" class="<?php esc_attr_e( 'wp_chatbot_custom_agent_button button', 'wpbot' ); ?> ">
1488	<?php esc_html_e('Upload Agent Icon', 'wpbot'); ?>
1489	</button>
1490	</div>
1491	</div>
1492	</div>
1493	</div>
1494	<div id="<?php esc_attr_e( 'top-section', 'wpbot' ); ?> ">
1495	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
1496	<div class="<?php esc_attr_e( 'col-sm-12', 'wpbot' ); ?> ">
1497	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1498	<?php esc_html_e('WPBot Themes', 'wpbot'); ?>
1499	</h4>
1500	</div>
1501	</div>
1502	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
1503	<div class="<?php esc_attr_e( 'col-sm-3', 'wpbot' ); ?> ">
1504	<label for="<?php esc_attr_e( 'qcld_wb_chatbot_theme_0', 'wpbot' ); ?>"> <img class="<?php esc_attr_e( 'thumbnail theme_prev', 'wpbot' ); ?>"
1505	src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>templates/template-00.JPG"
1506	alt="Theme Basic', 'wpbot' ); ?> ">
1507	<input id="<?php esc_attr_e( 'qcld_wb_chatbot_theme_0', 'wpbot' ); ?>" type="radio"
1508	name="qcld_wb_chatbot_theme" <?php echo(get_option('qcld_wb_chatbot_theme') == 'template-00' ? esc_attr('checked' ): ''); ?>
1509	value="<?php esc_attr_e( 'template-00', 'wpbot' ); ?>">
1510	<?php esc_html_e('Theme Basic', 'wpbot'); ?>
1511	</label>
1512	</div>
1513	<div class="<?php esc_attr_e( 'col-sm-3', 'wpbot' ); ?> ">
1514	<label for="<?php esc_attr_e( 'qcld_wb_chatbot_theme_1', 'wpbot' ); ?>"> <img class="<?php esc_attr_e( 'thumbnail theme_prev', 'wpbot' ); ?>"
1515	src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>templates/template-01.JPG"
1516	alt="Theme Basic', 'wpbot' ); ?> ">
1517	<input id="<?php esc_attr_e( 'qcld_wb_chatbot_theme_1', 'wpbot' ); ?>" type="radio"
1518	name="qcld_wb_chatbot_theme" <?php echo(get_option('qcld_wb_chatbot_theme') == 'template-01' ? esc_attr('checked' ): ''); ?>
1519	value="<?php esc_attr_e( 'template-01', 'wpbot' ); ?>">
1520	<?php esc_html_e('Theme One', 'wpbot'); ?>
1521	</label>
1522	</div>
1523	<div class="<?php esc_attr_e( 'col-sm-6', 'wpbot' ); ?> ">
1524	<label for="<?php esc_attr_e( 'qcld_wb_chatbot_theme_horizontal', 'wpbot' ); ?>"> <img class="<?php esc_attr_e( 'thumbnail theme_prev', 'wpbot' ); ?>"
1525	src="<?php echo esc_url(QCLD_wpCHATBOT_IMG_URL); ?>templates/horizontal.png"
1526	alt="Theme horizontal', 'wpbot' ); ?> ">
1527	<input id="<?php esc_attr_e( 'qcld_wb_chatbot_theme_horizontal', 'wpbot' ); ?>" type="radio"
1528	name="qcld_wb_chatbot_theme" <?php echo(get_option('qcld_wb_chatbot_theme') == 'template-horizontal' ? esc_attr('checked' ): ''); ?>
1529	value="<?php esc_attr_e( 'template-horizontal', 'wpbot' ); ?>">
1530	<?php esc_html_e('Theme Horizontal', 'wpbot'); ?>
1531	</label>
1532	</div>
1533	</div>
1534	</div>
1535	</div>
1536
1537
1538	<div id="<?php esc_attr_e( 'wp-chatbot-custom-color-options', 'wpbot' ); ?>" class="<?php esc_attr_e( 'tab-pane fade', 'wpbot' ); ?>">
1539	<div class="<?php esc_attr_e( 'top-section', 'wpbot' ); ?>">
1540	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?>">
1541
1542	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1543	<div class="cxsc-settings-blocks cxsc-settings-blocks-style">
1544	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?>">
1545	<?php esc_html_e('Custom Style Options', 'wpbot'); ?>
1546	</h4>
1547	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1548	<input value="1" id="<?php esc_attr_e( 'enable_wp_chatbot_custom_color', 'wpbot' ); ?>" type="checkbox"
1549	name="enable_wp_chatbot_custom_color" <?php echo(get_option('enable_wp_chatbot_custom_color') == 1 ? esc_attr('checked' ): ''); ?>>
1550	<label for="<?php esc_attr_e( 'enable_wp_chatbot_custom_color', 'wpbot' ); ?>">
1551	<?php esc_html_e('Enable Style Colors ', 'wpbot'); ?>
1552	</label>
1553	</div>
1554	</div>
1555	</div>
1556	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1557	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1558	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1559	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1560	<?php esc_html_e('Text Color.', 'wpbot'); ?>
1561	</h4>
1562	<input id="<?php esc_attr_e( 'wp_chatbot_text_color', 'wpbot' ); ?>" type="text"
1563	name="wp_chatbot_text_color"
1564	value="<?php echo esc_attr((get_option('wp_chatbot_text_color') != '' ? get_option('wp_chatbot_text_color') : '#37424c')); ?>"/>
1565	</div>
1566	</div>
1567	</div>
1568	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1569	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1570	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1571	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1572	<?php esc_html_e('Link Color.', 'wpbot'); ?>
1573	</h4>
1574	<input id="<?php esc_attr_e( 'wp_chatbot_link_color', 'wpbot' ); ?>" type="text"
1575	name="wp_chatbot_link_color"
1576	value="<?php echo esc_attr((get_option('wp_chatbot_link_color') != '' ? get_option('wp_chatbot_link_color') : '#e2cc1f')); ?>"/>
1577	</div>
1578	</div>
1579	</div>
1580	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1581	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1582	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1583	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1584	<?php esc_html_e('Link Hover Color.', 'wpbot'); ?>
1585	</h4>
1586	<input id="<?php esc_attr_e( 'wp_chatbot_link_hover_color', 'wpbot' ); ?>" type="text"
1587	name="wp_chatbot_link_hover_color"
1588	value="<?php echo esc_attr((get_option('wp_chatbot_link_hover_color') != '' ? get_option('wp_chatbot_link_hover_color') : '#734006')); ?>"/>
1589	</div>
1590	</div>
1591	</div>
1592	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1593	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1594	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1595	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1596	<?php esc_html_e('Bot Message Background Color.', 'wpbot'); ?>
1597	</h4>
1598	<input id="<?php esc_attr_e( 'wp_chatbot_bot_msg_bg_color', 'wpbot' ); ?>" type="text"
1599	name="wp_chatbot_bot_msg_bg_color"
1600	value="<?php echo esc_attr((get_option('wp_chatbot_bot_msg_bg_color') != '' ? get_option('wp_chatbot_bot_msg_bg_color'): '#1f8ceb')) ; ?>"/>
1601	</div>
1602	</div>
1603	</div>
1604	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1605	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1606	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1607	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1608	<?php esc_html_e('Bot Message Text Color.', 'wpbot'); ?>
1609	</h4>
1610	<input id="<?php esc_attr_e( 'wp_chatbot_bot_msg_text_color', 'wpbot' ); ?>" type="text"
1611	name="wp_chatbot_bot_msg_text_color"
1612	value="<?php echo esc_attr((get_option('c') != '' ? get_option('wp_chatbot_bot_msg_text_color') : '#ffffff')); ?>"/>
1613	</div>
1614	</div>
1615	</div>
1616	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1617	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1618	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1619	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1620	<?php esc_html_e('User Message Background Color.', 'wpbot'); ?>
1621	</h4>
1622	<input id="<?php esc_attr_e( 'wp_chatbot_user_msg_bg_color', 'wpbot' ); ?>" type="text"
1623	name="wp_chatbot_user_msg_bg_color"
1624	value="<?php echo esc_attr((get_option('wp_chatbot_user_msg_bg_color') != '' ? get_option('wp_chatbot_user_msg_bg_color') : '#ffffff') ); ?>"/>
1625	</div>
1626	</div>
1627	</div>
1628	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1629	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1630	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1631	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1632	<?php esc_html_e('User Message Text Color.', 'wpbot'); ?>
1633	</h4>
1634	<input id="<?php esc_attr_e( 'wp_chatbot_user_msg_text_color', 'wpbot' ); ?>" type="text"
1635	name="wp_chatbot_user_msg_text_color"
1636	value="<?php echo esc_attr((get_option('wp_chatbot_user_msg_text_color') != '' ? get_option('wp_chatbot_user_msg_text_color') : '#000000')); ?>"/>
1637	</div>
1638	</div>
1639	</div>
1640	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1641	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1642	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1643	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1644	<?php esc_html_e('Buttons Background Color.', 'wpbot'); ?>
1645	</h4>
1646	<input id="<?php esc_attr_e( 'wp_chatbot_buttons_bg_color', 'wpbot' ); ?>" type="text"
1647	name="wp_chatbot_buttons_bg_color"
1648	value="<?php echo esc_attr((get_option('wp_chatbot_buttons_bg_color') != '' ?get_option('wp_chatbot_buttons_bg_color'): '#1f8ceb')) ; ?>"/>
1649	</div>
1650	</div>
1651	</div>
1652	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1653	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1654	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1655	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1656	<?php esc_html_e('Buttons Hover Background Color.', 'wpbot'); ?>
1657	</h4>
1658	<input id="<?php esc_attr_e( 'wp_chatbot_buttons_bg_color', 'wpbot' ); ?>" type="text"
1659	name="wp_chatbot_buttons_bg_color_hover"
1660	value="<?php echo esc_attr((get_option('wp_chatbot_buttons_bg_color_hover') != '' ? get_option('wp_chatbot_buttons_bg_color_hover') : '#1f8ceb')); ?>"/>
1661	</div>
1662	</div>
1663	</div>
1664	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1665	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1666	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1667	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1668	<?php esc_html_e('Buttons Text Color.', 'wpbot'); ?>
1669	</h4>
1670	<input id="<?php esc_attr_e( 'wp_chatbot_buttons_text_color', 'wpbot' ); ?>" type="text"
1671	name="wp_chatbot_buttons_text_color"
1672	value="<?php echo esc_attr((get_option('wp_chatbot_buttons_text_color') != '' ? get_option('wp_chatbot_buttons_text_color') : '#ffffff')); ?>"/>
1673	</div>
1674	</div>
1675	</div>
1676	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1677	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1678	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1679	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1680	<?php esc_html_e('Buttons Text Color Hover.', 'wpbot'); ?>
1681	</h4>
1682	<input id="<?php esc_attr_e( 'wp_chatbot_buttons_text_color', 'wpbot' ); ?>" type="text"
1683	name="wp_chatbot_buttons_text_color_hover"
1684	value="<?php echo esc_attr((get_option('wp_chatbot_buttons_text_color_hover') != '' ? get_option('wp_chatbot_buttons_text_color_hover') : '#ffffff')); ?>"/>
1685	</div>
1686	</div>
1687	</div>
1688	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1689	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1690	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1691	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1692	<?php esc_html_e('Header background Color', 'wpbot'); ?>
1693	</h4>
1694	<input id="<?php esc_attr_e( 'wp_chatbot_header_background_color', 'wpbot' ); ?>" type="text"
1695	name="wp_chatbot_header_background_color"
1696	value="<?php esc_html_e((get_option('wp_chatbot_header_background_color') != '' ? get_option('wp_chatbot_header_background_color'): '#ffffff'), 'wpbot' ) ; ?>"/>
1697	</div>
1698	</div>
1699	</div>
1700	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1701	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1702	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1703	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1704	<?php esc_html_e('Theme Primary Color', 'wpbot'); ?>
1705	</h4>
1706	<input id="<?php esc_attr_e( 'wp_chatbot_theme_primary_color', 'wpbot' ); ?>" type="text"
1707	name="wp_chatbot_theme_primary_color"
1708	value="<?php echo esc_attr((get_option('wp_chatbot_theme_primary_color') != '' ? get_option('wp_chatbot_theme_primary_color') : '#ffffff')); ?>"/>
1709	</div>
1710	</div>
1711	</div>
1712	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1713	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1714	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
1715	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1716	<?php esc_html_e('Theme Secondary Color', 'wpbot'); ?>
1717	</h4>
1718	<input id="<?php esc_attr_e( 'wp_chatbot_theme_secondary_color', 'wpbot' ); ?>" type="text"
1719	name="wp_chatbot_theme_secondary_color"
1720	value="<?php echo esc_attr((get_option('wp_chatbot_theme_secondary_color') != '' ? get_option('wp_chatbot_theme_secondary_color') : '#ffffff')); ?>"/>
1721	</div>
1722	</div>
1723	</div>
1724	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1725	<div class="cxsc-settings-blocks">
1726	<div class="form-group">
1727	<h4 class="qc-opt-title">
1728	<?php esc_html_e('Font size', 'wpbot'); ?>
1729	</h4>
1730	<input id="wp_chatbot_font_size" type="number"
1731	name="wp_chatbot_font_size"
1732	value="<?php echo esc_attr((get_option('wp_chatbot_font_size') != '' ? get_option('wp_chatbot_font_size'): '16')) ; ?>"/>
1733	</div>
1734	</div>
1735	</div>
1736	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1737	<div class="cxsc-settings-blocks">
1738	<div class="form-group">
1739	<h4 class="qc-opt-title">
1740	<?php
1741	esc_html_e('User message Font family ', 'wpbot');
1742	$user_font = get_option('wp_chat_user_font_family') != '' ? get_option('wp_chat_user_font_family') : '';
1743	$user_font_family = str_replace("\\", "",$user_font);
1744	?>
1745	</h4>
1746	<input id="wp_chatbot_user_font" type="text" name="wp_chatbot_user_font"
1747	value="<?php echo esc_attr((get_option('wp_chatbot_user_font') != '' ? get_option('wp_chatbot_user_font') : ''));?>">
1748	<input id="wp_chat_user_font_family" type="hidden"
1749	name="wp_chat_user_font_family"
1750	/>
1751	</div>
1752	</div>
1753	</div>
1754	<div class="<?php esc_attr_e( 'col-xs-6', 'wpbot' ); ?>">
1755	<div class="cxsc-settings-blocks">
1756	<div class="form-group">
1757	<h4 class="qc-opt-title">
1758	<?php
1759	esc_html_e('Bot message Font family ', 'wpbot');
1760	$bot_font = get_option('wp_chat_bot_font_family') != '' ? esc_html__(get_option('wp_chat_bot_font_family'), 'wpbot' ) : '';
1761	$bot_font_family = str_replace("\\", "",$bot_font);
1762	?>
1763	</h4>
1764	<input id="wp_chatbot_bot_font" type="text" name="wp_chatbot_bot_font"
1765	value="<?php echo esc_attr((get_option('wp_chatbot_bot_font') != '' ? get_option('wp_chatbot_bot_font') : ''));?>">
1766	<input id="wp_chat_bot_font_family" type="hidden"
1767	name="wp_chat_bot_font_family"
1768	/>
1769	</div>
1770	</div>
1771	</div>
1772
1773	<?php
1774	$custom_js = "jQuery(function ($) {
1775	$('#wp_chat_user_font_family').val(JSON.stringify(". esc_attr($user_font_family) ."));
1776	$('#wp_chat_bot_font_family').val(JSON.stringify(". esc_attr($bot_font_family)."));
1777	$('#wp_chatbot_user_font')
1778	.fontpicker()
1779	.on('change', function() {
1780	var tmp = this.value.split(':'),
1781	family = tmp[0],
1782	variant = tmp[1] \|\| '400',
1783	weight = parseInt(variant,10),
1784	italic = /i$/.test(variant);
1785	var css = {
1786	fontFamily:family,
1787	fontWeight: weight,
1788	fontStyle: italic ? 'italic' : 'normal'
1789	};
1790	$('#wp_chat_user_font_family').val(JSON.stringify(css));
1791	});
1792	$('#wp_chatbot_bot_font')
1793	.fontpicker()
1794	.on('change', function() {
1795	var tmp = this.value.split(':'),
1796	family = tmp[0],
1797	variant = tmp[1] \|\| '400',
1798	weight = parseInt(variant,10),
1799	italic = /i$/.test(variant);
1800	// Set selected font on body
1801	var css = {
1802	fontFamily:family,
1803	fontWeight: weight,
1804	fontStyle: italic ? 'italic' : 'normal'
1805	};
1806	$('#wp_chat_bot_font_family').val(JSON.stringify(css));
1807	});
1808	});
1809	";
1810	wp_add_inline_script('qcld-wp-chatbot-admin-js', $custom_js );
1811
1812	?>
1813	</div>
1814	</div>
1815	</div>
1816	</div>
1817	</section>
1818
1819	<section id="<?php esc_attr_e( 'section-flip-4', 'wpbot' ); ?> ">
1820	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
1821	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
1822	<!-- <div class="<?php // esc_attr_e( 'cxsc-settings-blocks-notic', 'wpbot' ); ?>" style="<?php // echo esc_attr('background: #2271B1'); ?>">
1823	<p class="<?php // esc_attr_e( 'd-ib', 'wpbot' ); ?> "><?php // esc_html_e('New horizontal/wide template is now available. Select from Icons and Themes', 'wpbot'); ?>
1824	</div> -->
1825	</div>
1826	</div>
1827	<div class="<?php esc_attr_e( 'top-section', 'wpbot' ); ?> ">
1828	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1829	<?php esc_html_e('Build FAQ Query and Answers', 'wpbot'); ?>
1830	</h4>
1831	<div class="<?php esc_attr_e( 'block-inner ui-sortable qcld-faq-block', 'wpbot' ); ?>" id="<?php esc_attr_e( 'wp-chatbot-support-builder', 'wpbot' ); ?> ">
1832	<?php
1833	$support_quereis=$this->qcld_wb_chatbot_str_replace(maybe_unserialize( get_option('support_query')));
1834	$support_ans=$this->qcld_wb_chatbot_str_replace(maybe_unserialize( get_option('support_ans')));
1835	if (($support_quereis[0] != '') && ($support_ans[0] != '') && !empty($support_ans[0]) && (count($support_ans) == count($support_quereis))) {
1836
1837	$query_ans_counter=0;
1838	foreach (array_combine($support_quereis, $support_ans) as $query => $ans) {
1839	?>
1840	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> "> <span class="<?php esc_attr_e( 'pull-right', 'wpbot' ); ?> "> </span>
1841	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
1842	<button type="button" class="<?php esc_attr_e( 'btn btn-danger btn-sm wp-chatbot-remove-support pull-right', 'wpbot' ); ?> "> <i class="<?php esc_attr_e( 'fa fa-times', 'wpbot' ); ?>" aria-hidden="<?php esc_attr_e( 'true', 'wpbot' ); ?> "></i> </button>
1843
1844	<div class="<?php esc_attr_e( 'cxsc-settings-blocks cxsc-settings-faq-blocks', 'wpbot' ); ?> ">
1845	<p class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> ">
1846	<?php esc_html_e('FAQ query ', 'wpbot'); ?>
1847	</p>
1848	<input type="text" class="<?php esc_attr_e( 'form-control', 'wpbot'); ?>" name="support_query[]"
1849	placeholder="<?php esc_html_e('FAQ query ', 'wpbot'); ?>" value="<?php esc_attr_e( $query, 'wpbot' ); ?> ">
1850	<br>
1851	<p class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> ">
1852	<?php esc_html_e('FAQ answer', 'wpbot'); ?>
1853	</p>
1854	<?php
1855	$anss = is_string( $ans ) ? $ans : '';
1856	$answer = !is_array($ans) ? stripcslashes($ans) : $anss;
1857
1858	wp_editor(html_entity_decode($answer), 'support_ans'.'_'.$query_ans_counter, array('textarea_name' =>
1859	'support_ans[]',
1860	'textarea_rows' => 20,
1861	'editor_height' => 100,
1862	'disabled' => 'disabled',
1863	'media_buttons' => false,
1864	'tinymce' => array(
1865	'toolbar1' => 'bold,italic,underline,separator,alignleft,aligncenter,alignright,separator,link,unlink',)
1866	));
1867
1868	?>
1869	</div>
1870	</div>
1871	</div>
1872	<?php
1873	$query_ans_counter++;
1874	}
1875	//}
1876	} else {
1877	?>
1878	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> "> <span class="<?php esc_attr_e( 'pull-right', 'wpbot' ); ?> "> </span>
1879	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
1880	<button type="button" class="<?php esc_attr_e( 'btn btn-danger btn-sm wp-chatbot-remove-support pull-right', 'wpbot' ); ?> "> <i class="<?php esc_attr_e( 'fa fa-times', 'wpbot' ); ?>" aria-hidden="<?php esc_attr_e( 'true', 'wpbot' ); ?> "></i> </button>
1881
1882	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1883	<p class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> ">
1884	<?php esc_html_e('Support query', 'wpbot'); ?>
1885	</p>
1886	<input type="text" class="<?php esc_attr_e( 'form-control', 'wpbot' ); ?>" name="support_query[]"
1887	placeholder="<?php esc_html_e('Support query ', 'wpbot'); ?> ">
1888	<br>
1889	<p class="<?php esc_attr_e( 'qc-opt-dcs-font', 'wpbot' ); ?> "><strong>
1890	<?php esc_html_e('Support answer', 'wpbot'); ?>
1891	</strong></p>
1892	<?php
1893	wp_editor(html_entity_decode(stripcslashes('')), 'support_ans_0', array('textarea_name' =>
1894	'support_ans[]',
1895	'textarea_rows' => 20,
1896	'editor_height' => 100,
1897	'disabled' => 'disabled',
1898	'media_buttons' => false,
1899	'tinymce' => array(
1900	'toolbar1' => 'bold,italic,underline,separator,alignleft,aligncenter,alignright,separator,link,unlink',)
1901	));
1902	?>
1903	</div>
1904	<br>
1905	</div>
1906	</div>
1907	<?php
1908	}
1909	?>
1910	</div>
1911	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
1912	<div class="<?php esc_attr_e( 'col-sm-6 text-left', 'wpbot' ); ?> "></div>
1913	<div class="<?php esc_attr_e( 'col-sm-6 text-right', 'wpbot' ); ?> ">
1914	<button class="<?php esc_attr_e( 'btn btn-success btn-sm', 'wpbot' ); ?>" type="button"
1915	id="<?php esc_attr_e( 'add-more-support-query', 'wpbot' ); ?>"><i
1916	class="<?php esc_attr_e( 'fa fa-plus" aria-hidden="true', 'wpbot' ); ?>"></i>
1917	<?php esc_html_e('Add More Questions and Answers', 'wpbot'); ?>
1918	</button>
1919	</div>
1920	</div>
1921	</div>
1922	</section>
1923
1924
1925	<section id="<?php esc_attr_e( 'section-flip-6', 'wpbot' ); ?> ">
1926	<!-- <div class="<?php // esc_attr_e( 'cxsc-settings-blocks-notic', 'wpbot' ); ?>" style="<?php // echo esc_attr('background: #2271B1'); ?>">
1927	<p class="<?php // esc_attr_e( 'd-ib', 'wpbot' ); ?> "><?php // esc_html_e('New horizontal/wide template is now available. Select from Icons and Themes', 'wpbot'); ?>
1928	</div> -->
1929	<?php
1930	wp_enqueue_style('qcld-wp-chatbot-common-style', plugins_url(basename(plugin_dir_path(__FILE__)) . '/css/common-style.css', basename(__FILE__)), '', QCLD_wpCHATBOT_VERSION, 'screen');
1931	?>
1932	<div class="<?php esc_attr_e( 'top-section', 'wpbot' ); ?> ">
1933	<div class="<?php esc_attr_e( 'notification-block-inner', 'wpbot' ); ?> ">
1934	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
1935	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
1936
1937	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
1938	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
1939	<h3><?php echo esc_attr('Predefined Intents'); ?></h3>
1940	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
1941	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
1942	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1943	<?php esc_html_e('Call Me', 'wpbot'); ?>
1944	</h4>
1945	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1946	<input value="<?php echo esc_attr('1'); ?>" id="<?php esc_attr_e( 'disable_wp_chatbot_call_gen', 'wpbot' ); ?>" type="checkbox"
1947	name="disable_wp_chatbot_call_gen" <?php echo(get_option('disable_wp_chatbot_call_gen') == 1 ? esc_attr('checked' ): ''); ?>>
1948	<label for="<?php esc_attr_e( 'disable_wp_chatbot_call_gen', 'wpbot' ); ?>">
1949	<?php esc_html_e('Disable Call Me feature and button on Start Menu', 'wpbot'); ?>
1950	</label>
1951	</div>
1952	</div>
1953	</div>
1954	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?>" style="margin-bottom:0px">
1955	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1956	<?php esc_html_e('Button Label', 'wpbot'); ?>
1957	</h4>
1958	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
1959	name="qlcd_wp_chatbot_support_phone"
1960	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_support_phone') != '' ? get_option('qlcd_wp_chatbot_support_phone') : 'Leave your number. We will call you back!')); ?> ">
1961	</div>
1962	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
1963	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
1964	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1965	<?php esc_html_e('Email', 'wpbot'); ?>
1966	</h4>
1967	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?>">
1968	<input value="<?php echo esc_attr('1' ); ?>" id="<?php esc_attr_e( 'disable_wp_chatbot_feedback', 'wpbot' ); ?>" type="checkbox"
1969	name="disable_wp_chatbot_feedback" <?php echo esc_attr((get_option('disable_wp_chatbot_feedback') == 1 ? 'checked' : ''), 'wpbot' ); ?>>
1970	<label for="<?php esc_attr_e( 'disable_wp_chatbot_feedback', 'wpbot' ); ?>">
1971	<?php esc_html_e('Disable Email feature and button on Start Menu', 'wpbot'); ?>
1972	</label>
1973	</div>
1974	</div>
1975	</div>
1976	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> " style="margin-bottom:0px">
1977	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1978	<?php esc_html_e('Button Label', 'wpbot'); ?>
1979	</h4>
1980	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
1981	name="qlcd_wp_chatbot_support_email"
1982	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_support_email') != '' ? get_option('qlcd_wp_chatbot_support_email') : 'Send us Email')); ?> ">
1983	</div>
1984	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
1985	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
1986	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
1987	<?php esc_html_e('FAQ', 'wpbot'); ?>
1988	</h4>
1989	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
1990	<input value="<?php echo esc_attr('1' ); ?>" id="<?php esc_attr_e( 'disable_wp_chatbot_faq', 'wpbot' ); ?>" type="checkbox"
1991	name="disable_wp_chatbot_faq" <?php echo(get_option('disable_wp_chatbot_faq') == 1 ? esc_attr('checked' ): ''); ?>>
1992	<label for="<?php esc_attr_e( 'disable_wp_chatbot_faq', 'wpbot' ); ?>">
1993	<?php esc_html_e('Disable FAQ feature and button on Start Menu', 'wpbot'); ?>
1994	</label>
1995	</div>
1996	</div>
1997	</div>
1998	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?>" style="margin-bottom:0px ">
1999	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
2000	<?php esc_html_e('Button Label', 'wpbot'); ?>
2001	</h4>
2002	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
2003	name="qlcd_wp_chatbot_wildcard_support"
2004	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_wildcard_support') != '' ? get_option('qlcd_wp_chatbot_wildcard_support') : 'FAQ')); ?> ">
2005	</div>
2006	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
2007	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
2008	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
2009	<?php esc_html_e('Site Search', 'wpbot'); ?>
2010	</h4>
2011	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
2012	<input value="<?php echo esc_attr('1' ); ?>" id="<?php esc_attr_e( 'disable_wp_chatbot_site_search', 'wpbot' ); ?>" type="checkbox"
2013	name="disable_wp_chatbot_site_search" <?php echo(get_option('disable_wp_chatbot_site_search') == 1 ? esc_attr('checked' ): ''); ?>>
2014	<label for="<?php esc_attr_e( 'disable_wp_chatbot_site_search', 'wpbot' ); ?>">
2015	<?php esc_html_e('Disable site search feature and button on Start Menu', 'wpbot'); ?>
2016	</label>
2017	</br><small><?php echo esc_html( '(You can disable searching post contents option below so it searches only the post Titles for most relevancy)'); ?></small></br>
2018	</div>
2019	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
2020	<input value="<?php echo esc_attr('1' ); ?>" id="<?php esc_attr_e( 'enable_wp_chatbot_post_content', 'wpbot' ); ?>" type="checkbox"
2021	name="enable_wp_chatbot_post_content" <?php echo(get_option('enable_wp_chatbot_post_content') == 1 ? esc_attr('checked' ): ''); ?>>
2022	<label for="<?php esc_attr_e( 'enable_wp_chatbot_post_content', 'wpbot' ); ?>">
2023	<?php esc_html_e('Enable Searching Post Contents as well', 'wpbot'); ?>
2024	</label>
2025	</div>
2026	</div>
2027	</div>
2028	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?>" style="margin-bottom:0px ">
2029	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
2030	<?php esc_html_e('Button Label', 'wpbot'); ?>
2031	</h4>
2032	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
2033	name="qlcd_wp_chatbot_wildcard_site_search"
2034	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_wildcard_site_search') != '' ? get_option('qlcd_wp_chatbot_wildcard_site_search') : 'Site Search')); ?> ">
2035	</div>
2036	</div>
2037	</div>
2038	<div class="<?php esc_attr_e( 'qc_menu_setup_area', 'wpbot' ); ?> ">
2039	<h3><?php esc_html_e('Menu Sorting & Customization Area', 'wpbot'); ?></h3>
2040	<p style="color:red"><?php esc_html_e('Always open a new Incognito window (Ctrl+Shit+N in chrome) to test after making any change.', 'wpbot'); ?></p>
2041	<p><?php esc_html_e('To adjust the Active Menu ordering just drag it up or down.', 'wpbot'); ?><br>
2042	<?php esc_html_e('To add a menu item in the', 'wpbot'); ?> <b><?php esc_html_e('Active Menu', 'wpbot'); ?> </b> <?php esc_html_e('simply drag a menu item from Available Menu column to the Active Menu. Double click to remove ', 'wpbot'); ?>.</p>
2043	<p style="color:red;font-size:16px"><?php esc_html_e('**If you change any button label like FAQ, remove it from the active Menu Area. Add it back and save.', 'wpbot'); ?></p>
2044	<div class="<?php esc_attr_e( 'qc_menu_area', 'wpbot' ); ?> ">
2045	<h4><?php esc_html_e( 'Acitve Menu', 'wpbot'); ?></h4>
2046	<div class="<?php esc_attr_e( 'qc_menu_area_container', 'wpbot' ); ?>" id="<?php esc_attr_e( 'qc_menu_area', 'wpbot' ); ?>">
2047	<?php
2048	if(get_option('qc_wpbot_menu_order')!=''):
2049	if( is_string( get_option('qc_wpbot_menu_order') ) ):
2050	echo wp_kses_post(wp_kses_stripslashes(get_option('qc_wpbot_menu_order')));
2051	else:
2052	endif;
2053	?>
2054
2055
2056	<?php endif; ?>
2057	</div>
2058	</div>
2059	<div class="<?php esc_attr_e( 'qc_menu_list_area', 'wpbot' ); ?> ">
2060	<h4><?php esc_html_e('Available Menu', 'wpbot'); ?></h4>
2061	<div class="<?php esc_attr_e( 'qc_menu_list_container', 'wpbot' ); ?>">
2062	<p><?php esc_html_e('Predefined Intents', 'wpbot'); ?></p>
2063	<ul>
2064	<li>
2065	<?php if(get_option('disable_wp_chatbot_faq')==''): ?>
2066	<span class="<?php esc_attr_e( 'qcld-chatbot-wildcard qc_draggable_item', 'wpbot' ); ?>" data-wildcart="support"><?php esc_attr_e(get_option('qlcd_wp_chatbot_wildcard_support'), 'wpbot' ); ?></span>
2067	<?php endif; ?>
2068	</li>
2069	<li>
2070	<?php if(get_option('disable_wp_chatbot_site_search')==''): ?>
2071	<span class="<?php esc_attr_e( 'qcld-chatbot-wildcard qc_draggable_item qcld-chatbot-site-search', 'wpbot' ); ?>" data-wildcart="site_search"><?php esc_attr_e(get_option('qlcd_wp_chatbot_wildcard_site_search'), 'wpbot' ); ?></span>
2072	<?php endif; ?>
2073	</li>
2074	<li>
2075	<?php if(get_option('enable_wp_chatbot_messenger')=='1'): ?>
2076	<span class="<?php esc_attr_e( 'qcld-chatbot-wildcard qc_draggable_item', 'wpbot' ); ?>" data-wildcart="messenger"><?php echo wp_kses_post(qcld_choose_random(maybe_unserialize(get_option('qlcd_wp_chatbot_messenger_label')))) ?></span>
2077	<?php endif; ?>
2078	</li>
2079	<li>
2080	<?php if(get_option('enable_wp_chatbot_whats')=='1'): ?>
2081	<span class="<?php esc_attr_e( 'qcld-chatbot-wildcard qc_draggable_item', 'wpbot' ); ?>" data-wildcart="whatsapp"><?php echo wp_kses_post(qcld_choose_random(maybe_unserialize(get_option('qlcd_wp_chatbot_whats_label')))); ?></span>
2082	<?php endif; ?>
2083	</li>
2084	<li>
2085	<?php if(get_option('disable_wp_chatbot_feedback')==''): ?>
2086	<span class="<?php esc_attr_e( 'qcld-chatbot-suggest-email qc_draggable_item', 'wpbot' ); ?> "><?php esc_attr_e(get_option('qlcd_wp_chatbot_support_email'), 'wpbot' ); ?></span>
2087	<?php endif; ?>
2088	</li>
2089	<li>
2090	<?php if(get_option('disable_wp_chatbot_call_gen')==''): ?>
2091	<span class="<?php esc_attr_e( 'qcld-chatbot-suggest-phone qc_draggable_item', 'wpbot' ); ?>" ><?php esc_attr_e(get_option('qlcd_wp_chatbot_support_phone'), 'wpbot' ); ?></span>
2092	<?php endif; ?>
2093	</li>
2094	</ul>
2095	<?php
2096	if(class_exists('Qcformbuilder_Forms_Admin')){
2097
2098	global $wpdb;
2099
2100	//To Do: Need to use prepared statement
2101
2102	$results = $wpdb->get_results($wpdb->prepare("SELECT * FROM ". $wpdb->prefix."wfb_forms where 1 and type=%s",'primary')); //DB Call OK, No Caching OK
2103	if(!empty($results)){
2104	?>
2105	<p><?php esc_html_e('Conversational Form', 'wpbot'); ?></p>
2106	<ul>
2107	<?php
2108	foreach($results as $result){
2109	$form = maybe_unserialize($result->config);
2110	?>
2111	<li><span class="<?php esc_attr_e( 'qcld-chatbot-wildcard qcld-chatbot-form qc_draggable_item', 'wpbot' ); ?>" data-form="<?php echo esc_attr($form['ID']); ?>" ><?php esc_html_e($form['name']); ?></span></li>
2112	<?php
2113	}
2114	?>
2115	</ul>
2116	<?php
2117	}
2118	}
2119	?>
2120	</div>
2121	</div>
2122	</div>
2123	<input id="qc_wpbot_menu_order" type="hidden" name="qc_wpbot_menu_order" value='<?php echo esc_attr(wp_kses_stripslashes(get_option('qc_wpbot_menu_order'))); ?>' />
2124	</div>
2125	</div>
2126	</div>
2127	</div>
2128	</section>
2129	<section id="<?php esc_attr_e( 'section-flip-7', 'wpbot' ); ?> ">
2130	<!-- <div class="<?php // esc_attr_e( 'cxsc-settings-blocks-notic', 'wpbot' ); ?>" style="<?php // echo esc_attr('background: #2271B1'); ?>">
2131	<p class="<?php // esc_attr_e( 'd-ib', 'wpbot' ); ?> "><?php // esc_html_e('New horizontal/wide template is now available. Select from Icons and Themes', 'wpbot'); ?>
2132	</div> -->
2133	<div class="<?php esc_attr_e( 'top-section', 'wpbot' ); ?> ">
2134	<div class="<?php esc_attr_e( 'wp-chatbot-language-center-summmery', 'wpbot' ); ?> ">
2135	<p>
2136	<?php esc_html_e('DialogFlow as Artificial Intelligences Engine for wpwBot', 'wpbot'); ?>
2137	</p>
2138	</div>
2139
2140	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
2141	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
2142	<div class="wrapTexttop-lite">
2143	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> "><?php esc_html_e('Enable DialogFlow as AI Engine to Detect Intent', 'wpbot'); ?> </h4>
2144	<div class="alert alert-warning" role="alert">
2145	<h5 style="color: #f00;font-weight:900"><?php esc_html_e('Please do not enable DialogFlow and OpenAI both at the same time.', 'wpbot'); ?> </h5>
2146	<h5 style="color: #f00;font-weight:900 "><?php esc_html_e(' Enable either DialogFlow or OpenAI', 'wpbot'); ?> </h5>
2147	</div>
2148	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
2149	<input value="<?php esc_html_e('1', 'wpbot'); ?>" id="<?php esc_attr_e( 'enable_wp_chatbot_dailogflow', 'wpbot' ); ?>" type="checkbox"
2150	name="enable_wp_chatbot_dailogflow" <?php echo(get_option('enable_wp_chatbot_dailogflow') == 1 ? esc_attr('checked' ): ''); ?>>
2151	<label for="<?php esc_attr_e( 'enable_wp_chatbot_dailogflow', 'wpbot' ); ?>"><?php esc_html_e('Enable DialogFlow AI Engine to process Natural Language commands from users.', 'wpbot'); ?> </label> <br>
2152
2153	</div>
2154	</div>
2155	</div>
2156
2157	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?>" id="<?php esc_attr_e( 'wp-chatbot-dialflow-section', 'wpbot' ); ?>">
2158	<p><?php esc_html_e('Log in to DialogFlow Console from', 'wpbot'); ?>
2159	<a class="<?php esc_attr_e( 'wpbot_df_instruction', 'wpbot' ); ?>" href="<?php echo esc_url('https://dialogflow.com/', 'wpbot'); ?>"
2160	target="_blank">
2161	<?php esc_html_e('Here', 'wpbot'); ?></a>
2162	<?php esc_html_e('with your gmail account.', 'wpbot'); ?> <a class="<?php esc_attr_e( 'wpbot_df_instruction', 'wpbot' ); ?>" href="<?php echo esc_url(QCLD_wpCHATBOT_PLUGIN_URL.'download/wpwBot.zip'); ?>" download ><?php esc_html_e('Download', 'wpbot'); ?></a> <?php esc_html_e('the agent training data and import from DialogFlow->Settings->Export and Import tab. You can add your own intents in that agent but do not modify our following training intents which are', 'wpbot'); ?> <b><?php esc_html_e('email, email subscription, faq, get email, get name, help, phone, reset, site search and start.', 'wpbot'); ?></b> </p>
2163	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> "><?php esc_html_e('DialogFlow API Version', 'wpbot'); ?></h4>
2164	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
2165	<label class="<?php esc_attr_e( 'radio-inline', 'wpbot' ); ?> ">
2166	<input id="<?php esc_attr_e( 'wp-chatbot-df-api', 'wpbot' ); ?>" type="radio"
2167	name="wp_chatbot_df_api"
2168	value="<?php esc_html_e('v2', 'wpbot'); ?>" checked>
2169	<?php esc_html_e('Dialogflow API V2', 'wpbot'); ?> </label>
2170	</div>
2171	<div id="<?php esc_attr_e( 'wp-chatbot-df-section-v2', 'wpbot' ); ?>" style="display:block">
2172	<!-- Dialogflow V2 Configuration -->
2173
2174	<?php if(!file_exists(QCLD_wpCHATBOT_GC_DIRNAME.'/autoload.php')): ?>
2175	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> "> <br>
2176	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?>" style="color:red "><?php esc_html_e('For Interacting with Dialogflow V2 the Google Client Package is Required!', 'wpbot'); ?></h4>
2177	<p><?php esc_html_e('Please click the download button below to download the Google Client package. The package will be downloaded inside your Wordpress`s', 'wpbot'); ?> <b><?php esc_html_e('/wp-content', 'wpbot'); ?></b> <?php esc_html_e('folder. This package is around', 'wpbot'); ?> <b><?php esc_html_e('0 MB', 'wpbot'); ?></b><?php esc_html_e(' in zip file format and it will be about', 'wpbot'); ?> <b><?php esc_html_e('49 MB', 'wpbot'); ?></b> <?php esc_html_e('after unzipping. Please make sure that your server has enough space to store that package.', 'wpbot'); ?></p>
2178	<div class="<?php esc_attr_e( 'qcld-wpbot-gcdownload-area', 'wpbot' ); ?> ">
2179	<button class="<?php esc_attr_e( 'btn btn-primary', 'wpbot' ); ?>" id="<?php esc_attr_e( 'qc_wpbot_gc_download', 'wpbot' ); ?>" <?php echo (!is_writable(QCLD_wpCHATBOT_GC_ROOT)?'disabled':''); ?>><?php esc_html_e('Download and Install the Google Client', 'wpbot'); ?></button>
2180	<?php
2181	if(!is_writable(QCLD_wpCHATBOT_GC_ROOT)){
2182	echo '<span style="color:red;font-size: 12px; "><b>'.esc_html('wp-content').' </b> '.esc_html('folder is not writable.').'</span>';
2183	}
2184	?>
2185	<br>
2186	<br>
2187	<p><?php esc_html_e('Alternatively, If the download operation fails for some reason like folder permission or server timeout issue then you can manually upload the ', 'wpbot'); ?> <u title="Google Client', 'wpbot' ); ?> "><?php esc_html_e('GC', 'wpbot'); ?></u> <?php esc_html_e('package by following some simple steps.', 'wpbot'); ?></p>
2188	<p><?php esc_html_e('1. Download GC package from:', 'wpbot'); ?> <a href="<?php echo esc_url('https://github.com/qcloud/gc/archive/master.zip', 'wpbot'); ?>" target="_blank"><?php esc_attr_e('https://github.com/qcloud/gc/archive/master.zip', 'wpbot'); ?></a></p>
2189	<p><?php esc_html_e('2. Unzip the', 'wpbot'); ?> <b><?php esc_html_e('wpbotgc.zip', 'wpbot'); ?></b> <?php esc_html_e('inside to your computer.', 'wpbot'); ?></p>
2190	<p><?php esc_html_e('3. Create a folder with name ', 'wpbot'); ?><b><?php esc_html_e('wpbot-dfv2-client', 'wpbot'); ?></b> <?php esc_html_e('under ', 'wpbot'); ?><b><?php esc_html_e('wp-content', 'wpbot'); ?></b> <?php esc_html_e('into your server.', 'wpbot'); ?></p>
2191	<p><?php esc_html_e('4. Upload the upziped files and folders into', 'wpbot'); ?> <b><?php esc_html_e('wpbot-dfv2-client', 'wpbot'); ?></b><?php esc_html_e(' via FTP.', 'wpbot'); ?></p>
2192	<div class="<?php esc_attr_e( 'qcld_wpbot_download_statuses', 'wpbot' ); ?> "> </div>
2193	</div>
2194	<br>
2195	</div>
2196	<?php else: ?>
2197	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
2198	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?>" style="color:green "><?php esc_html_e('Google Client Package is Installed on Your Website.', 'wpbot'); ?></h4>
2199	</div>
2200	<?php endif; ?>
2201	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
2202	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?>" ><?php esc_html_e('Please follow along with this', 'wpbot'); ?> <a href="<?php echo esc_url('https://www.wpbot.pro/dialogflow-integration', 'wpbot'); ?>" target="_blank"><?php esc_html_e('tutorial.', 'wpbot'); ?> </a><?php esc_html_e(' It will help you to create a project id, private key and integrate WPBot with Dialogflow. For DialogFlow agent region, try choosing any region other than the EU region which has known issues.', 'wpbot'); ?> </h4>
2203	</div>
2204	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
2205	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> "><?php esc_html_e('DialogFlow Project ID', 'wpbot'); ?></h4>
2206	<p><?php esc_html_e('You can follow the', 'wpbot'); ?> <a href="<?php echo esc_url('https://www.youtube.com/watch?v=qY-EHFY2wH8', 'wpbot'); ?>" target="_blank"><?php esc_html_e('tutorial', 'wpbot'); ?> </a><?php esc_html_e(' to get the Project ID.', 'wpbot'); ?> </p>
2207	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
2208	name="qlcd_wp_chatbot_dialogflow_project_id"
2209	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_dialogflow_project_id') != '' ? get_option('qlcd_wp_chatbot_dialogflow_project_id') : '')); ?>" placeholder="<?php echo esc_attr('DialogFlow Project ID'); ?> ">
2210	</div>
2211	<?php
2212
2213	$placeholderPrivatekey = '{
2214	"type": "service_account",
2215	"project_id": "PLACEYOUROWNID",
2216	"private_key_id": "31e300128..........c48",
2217	"private_key": "-----BEGIN PRIVATE KEY-----\nTHIS IS A DEMO PRIVATE KEY to SHOW HOW IT SHOULD LOOK. Replace with ACTUAL KEY.+OdT09MGEdAjlgSF2HMDA3fl8Ey4dmTxRfAN9No6G3Ugs3BrpZHfY\nSviWzS4JQ0GkCubcJc0DzJ8AqG6xX7E3SfKpdtKEn1eYV7sfQL3C2lm2lTj6nWdt\nxrkhJVHn61kxfPAWChnkdPa5EbMNFnV5mN5rhwaOxR+tEjW9nWBjVFG0NMnOMWF4\nsu6QJVjQMtI99jPBCid1r4XV/sPABSXh8dscWdMinGhZfuCjF4sOGHUUaw+VDGb6\nZpPOh65nw5fsdOHETsb4BN/LW72Khux+870Ig4jkuLIN3PnSF9QfwO8U2qTG5sZK\nn5nxhT9zAgMBAAECggEAX1NSWRGnrcVsu6n1jn9xUpzvxyy+CJe1Z1DvHo1tmHNS\n0Q8OI/Y........THIS IS A DEMO PRIVATE KEY to SHOW HOW IT SHOULD LOOK. Replace with your own key......................................paqQKBgQCJ\nvNCZIHpLGVqwiw4SVYgZW2i+VsZ78sOw0SuuhjZNmOlGjpalbQCjKs9l5dSz5t5D\nVleJVyriFaXyvVty/iF6orqTgv0EhcLO2RI9KSrTpbOXcIkgeunAhRM3oloxSndt\n98H3f1xRvTLIm1enERLkOyGHmm7nWFV0BQWD+CxeCwKBgDtBGn+uBgNgZjSaLnkJ\noemAoIBN6aD4+QWduPldRgTilH6ABQ26SL+t4sa9jbAtkMuD/hWOMLBqmz98tfCC\ndy6cPghea+b0S7lj/wmUaDA1Vmz7luCLm+lO+fe3K6WIlEhAP/9MXVH90Sj6CllF\nAn4stWzIKHrRKA3lIvgJv+9W\n-----END PRIVATE KEY-----\n",
2218	"client_email": "dialogflow-evysjn@wpbotpro.iam.gserviceaccount.com",
2219	"client_id": "1026.....032997",
2220	"auth_uri": "https://accounts.google.com/o/oauth2/auth",
2221	"token_uri": "https://oauth2.googleapis.com/token",
2222	"auth_provider_x509_cert_url": "https://www.googleapis.com/oauth2/v1/certs",
2223	"client_x509_cert_url": "https://www.googleapis.com/robot/v1/metadata/x509/dialogflow-evysjn%40wpbotpro.iam.gserviceaccount.com"
2224	}';
2225
2226	?>
2227	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
2228	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> "><?php esc_html_e('Private Key', 'wpbot'); ?></h4>
2229	<p><?php esc_html_e("Paste your google service account's private key JSON file's contents (string) here", "wpbot"); ?> <a href="<?php echo esc_url('https://www.youtube.com/watch?v=qY-EHFY2wH8', 'wpbot'); ?>" target="_blank"><?php esc_html_e('tutorial', 'wpbot'); ?></a> <?php esc_html_e('to get private key JSON file. ', 'wpbot'); ?></p>
2230	<textarea class="<?php esc_attr_e( 'form-control', 'wpbot' ); ?>" rows="20" name="qlcd_wp_chatbot_dialogflow_project_key" placeholder='<?php echo esc_attr($placeholderPrivatekey); ?>'><?php esc_html_e((get_option('qlcd_wp_chatbot_dialogflow_project_key') != '' ? get_option('qlcd_wp_chatbot_dialogflow_project_key') : ''), 'wpbot' ); ?></textarea>
2231	</div>
2232
2233	<!-- End Dialogflow V2 Configuration -->
2234	</div>
2235	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
2236	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> "><?php esc_html_e('Please Click the Button Below to Test Dialogflow Connection.', 'wpbot'); ?> </h4>
2237	<p style="color:red "><?php esc_html_e('*Save settings before pressing Test Dialogflow Connection', 'wpbot'); ?><br>
2238	<?php esc_html_e('*You must have owner permission for the service account your are using in Dialogflow agent.', 'wpbot'); ?></p>
2239	<div class="<?php esc_attr_e( 'cxsc-settings-blocks', 'wpbot' ); ?> ">
2240	<button class="<?php esc_attr_e( 'btn btn-primary', 'wpbot' ); ?>" id="<?php esc_attr_e( 'qc_wpbot_df_status', 'wpbot' ); ?>"><?php esc_html_e('Test Dialogflow Connection', 'wpbot'); ?></button>
2241	<div class="<?php esc_attr_e( 'qcwp_df_status', 'wpbot' ); ?> "></div>
2242	</div>
2243	</div>
2244	<br>
2245	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
2246	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> ">
2247	<?php esc_html_e('DialogFlow Default reply', 'wpbot'); ?>
2248	</h4>
2249	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
2250	name="qlcd_wp_chatbot_dialogflow_defualt_reply"
2251	value="<?php echo esc_attr((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 esc_html_e('DialogFlow default reply', 'wpbot'); ?> ">
2252	</div>
2253	<div class="<?php esc_attr_e( 'form-group', 'wpbot' ); ?> ">
2254	<h4 class="<?php esc_attr_e( 'qc-opt-title', 'wpbot' ); ?> "><?php esc_html_e('DialogFlow Agent Language (Ex: en)', 'wpbot'); ?></h4>
2255	<input type="text" class="<?php esc_attr_e( 'form-control qc-opt-dcs-font', 'wpbot' ); ?>"
2256	name="qlcd_wp_chatbot_dialogflow_agent_language"
2257	value="<?php echo esc_attr((get_option('qlcd_wp_chatbot_dialogflow_agent_language') != '' ? get_option('qlcd_wp_chatbot_dialogflow_agent_language') : 'en')); ?>" placeholder="<?php esc_html_e('DialogFlow Agent Language', 'wpbot'); ?>">
2258	</div>
2259	</div>
2260	</div>
2261	</div>
2262	</section>
2263
2264	<section id="<?php esc_attr_e( 'section-flip-9', 'wpbot' ); ?> ">
2265	<div class="<?php esc_attr_e( 'cxsc-settings-blocks-addon', 'wpbot' ); ?> "><?php esc_html_e('Install the Conversational Form Builder to Collect Information from the users and create Button (menu) Driven Conversations.', 'wpbot'); ?></br>
2266	<?php esc_html_e('After creating a Conversational form, you can add it to the ChatBot`s Start Menu from the ChatBot Settings->Start Menu', 'wpbot'); ?></b></div>
2267	<?php include_once QCLD_wpCHATBOT_PLUGIN_DIR_PATH . '/qcld-recommendbot-plugin.php'; ?>
2268
2269	<div class="qcld-seo-help-feature">
2270	<h3><?php esc_html_e('What Can You Do with it?', 'wpbot'); ?></h3>
2271	<p><?php esc_html_e('Conversation Forms Pro allows you to create a wide variety of forms, that might include:', 'wpbot'); ?></p>
2272	<ul>
2273	<li><?php esc_html_e('🚀 Conditional Menu Driven Conversations', 'wpbot'); ?></li>
2274	<li><?php esc_html_e('🚀 Standard Contact Forms', 'wpbot'); ?></li>
2275	<li><?php esc_html_e('🚀 Dynamic, conditional Forms – where fields can change based on the user selections', 'wpbot'); ?></li>
2276	<li><?php esc_html_e('🚀 Job Application Forms', 'wpbot'); ?></li>
2277	<li><?php esc_html_e('🚀 Lead Capture Forms', 'wpbot'); ?></li>
2278	<li><?php esc_html_e('🚀 Various types of Calculators', 'wpbot'); ?></li>
2279	<li><?php esc_html_e('🚀 Feedback Survey Forms etc.', 'wpbot'); ?></li>
2280	<li><?php esc_html_e('🚀 Submit Forms to OpenAI for a Response with your instructions and user submitted data. Supports multi-modal mode. Users can upload an Image or Audio file along with other form fields that you create. Check this article on how Conversational forms work with OpenAI', 'wpbot'); ?>.</li>
2281	</ul>
2282
2283	<h3><?php esc_html_e('How it Works?', 'wpbot'); ?></h3>
2284	<p><?php esc_html_e('After creating a Conversation or form, you can show it in the ChatBot in different ways.', 'wpbot'); ?></p>
2285	<ul>
2286	<li><?php esc_html_e('🚀 Add it to the Start menu', 'wpbot'); ?></li>
2287	<li><?php esc_html_e('🚀 Invoke the form intent with a system command to start inside ChatBot any time', 'wpbot'); ?></li>
2288	<li><?php esc_html_e('🚀 Load the single intent/form inside a ChatBot widget on any page', 'wpbot'); ?></li>
2289	<li><?php esc_html_e('🚀 Load the intent/form inside the ChatBot using a Click to Chat button that can be placed anywhere inside your content on any page.', 'wpbot'); ?></li>
2290	<li><?php esc_html_e('🚀 Trigger another conversational form or Intent like Live Chat using conditions', 'wpbot'); ?></li>
2291	</ul>
2292	<h3><?php esc_html_e('Feature Highlights', 'wpbot'); ?></h3>
2293
2294
2295	<div class="qcld-seo-help-feature-left">
2296	<ul>
2297	<li><?php esc_html_e('🚀 Easy to use visual drag and drop conversations and form builder', 'wpbot'); ?></li>
2298	<li><?php esc_html_e('🚀 Create conversational form or just conversation using the HTML element', 'wpbot'); ?></li>
2299	<li><?php esc_html_e('🚀 Add text fields, single option selection or multiple option selection with checkboxes', 'wpbot'); ?></li>
2300	<li><?php esc_html_e('🚀 Add HTML contents inside the conversation forms', 'wpbot'); ?></li>
2301	<li><?php esc_html_e('🚀 eMail conversations or forms to the admin at the end of conversation', 'wpbot'); ?></li>
2302	<li><?php esc_html_e('🚀 Set different recipient email addresses for different conversation forms', 'wpbot'); ?></li>
2303	<li><?php esc_html_e('🚀 Clone form', 'wpbot'); ?></li>
2304	<li><?php esc_html_e('🚀 Export/Import Forms', 'wpbot'); ?></li>
2305	<li><?php esc_html_e('🚀 Form Entries saved into database', 'wpbot'); ?></li>
2306	<li><?php esc_html_e('🚀 Export Form Entries as CSV', 'wpbot'); ?></li>
2307	<li><?php esc_html_e('🚀 12 Ready Form Templates to Get Started with (Contact Form, Feedback form. Survey Form, BMR Calculator, Appointment Request, Booking Form, Room Area Calculator)', 'wpbot'); ?></li>
2308	<li><?php esc_html_e('🚀 11 Input Fields (Simple Text, Hidden, Email Address, Number, URL, Calculation, Select Option, Checkbox, DateTime Picker, HTML, File Upload, OpenAI Instructions)', 'wpbot'); ?></li>
2309	<li><?php esc_html_e('🚀 Processor – Auto Responder – Send an auto response e-mail for form submission', 'wpbot'); ?></li>
2310	<li><?php esc_html_e('🚀 Unlimited Conditional Field creation', 'wpbot'); ?></li>
2311	<li><?php esc_html_e('🚀 Trigger another conversational form or Intent like Live Chat using conditions (**NEW)', 'wpbot'); ?></li>
2312	<li><?php esc_html_e('🚀 Unlimited Variables creation', 'wpbot'); ?></li>
2313	<li><?php esc_html_e('🚀 Form Revisions', 'wpbot'); ?></li>
2314	<li><?php esc_html_e('🚀 Create system command to initiate form for ChatBot', 'wpbot'); ?></li>
2315	<li><?php esc_html_e('🚀 Add form to Start Menu', 'wpbot'); ?></li>
2316	<li><?php esc_html_e('🚀 Submit Forms to OpenAI for a Response with your instructions and user submitted data. Supports multi-modal mode. Users can upload an Image or Audio file along with other form fields that you create. Check this article on how Conversational forms work with OpenAI.', 'wpbot'); ?></li>
2317	</ul>
2318	</div>
2319	<div class="qcld-seo-help-feature-right">
2320	<img style="width:100%" src="<?php echo esc_url( QCLD_wpCHATBOT_IMG_URL . '/conversational-form-chatbot.jpg' ); ?>" alt="conversational form">
2321	</div>
2322	</div>
2323	</section>
2324	<section id="<?php esc_attr_e( 'section-flip-11', 'wpbot' ); ?> ">
2325	<div class="<?php esc_attr_e( 'cxsc-settings-blocks-addon', 'wpbot' ); ?> ">
2326	<?php esc_html_e('Harness the power of AI to generate SEO Freindly contents quickly. Install our SEO Help plugin with One Click Turbo AI Content Writer, YouTube Subtitle to SEO Article Generator with AI, Global AI writing panel, AI Image Generator and RSS Feed AutoBlogging with OpenAI or Google Gemini.', 'wpbot'); ?></div>
2327	<?php include_once QCLD_wpCHATBOT_PLUGIN_DIR_PATH . '/qcld-recommendbot-ai-plugin.php'; ?>
2328	<div class="qcld-seo-help-feature">
2329	<h3><?php esc_html_e('SEO Help Features', 'wpbot'); ?></h3>
2330	<h4><?php esc_html_e('OpenAI ChatGPT or Google Gemini Powered Content Generator', 'wpbot'); ?></h4>
2331	<p>
2332	<?php esc_html_e('🚀 Supports both Google Gemini AI and OpenAI (ChatGPT)', 'wpbot'); ?><br>
2333	<?php esc_html_e('🚀 Generate Text Contents for your Blog with the Click of a Button – Turbo content generator', 'wpbot'); ?><br>
2334	<?php esc_html_e('🚀 Generate Single Articles directly from your Blog post edit page', 'wpbot'); ?><br>
2335	<?php esc_html_e('🚀 Generate BULK articles and schedule each article’s publish time', 'wpbot'); ?><br>
2336	<?php esc_html_e('🚀 Select to auto publish or save in draft', 'wpbot'); ?><br>
2337	<?php esc_html_e('🚀 Generate summeries for Blog Posts automatically using OpenAI ChatGPT. Automatic content summary (summarizer) or TLDR can be helpful for both your readers and SEO. Blog Post Article Summaries are automatically added to your contents and can make your content look fresh to Search Engines if you enable Generate multiple summaries and use them randomly.', 'wpbot'); ?><br>
2338	<?php esc_html_e('🚀 Automatically Create and Insert AI Images inside your articles', 'wpbot'); ?><br>
2339	<?php esc_html_e('🚀 Options to fine tune your articles (How many headings?, Heading Tag, Writing Style, Writing Tone, Image Size, Language, Add Image, Add Tagline, Add Introduction, Add Conclusion, Add Faq, Anchor Text, Target URL, Add Call-to-Action, Call-to-Action Position, Add Keywords, Keywords to Avoid, Make Keywords Bold etc.)', 'wpbot'); ?><br>
2340	<?php esc_html_e('🚀 A Collection of hundreds of ready Prompts for your ideas', 'wpbot'); ?><br>
2341	<?php esc_html_e('🚀 Generate royalty free AI Images with many different options (Artist, Style, Photography, Lighting, Subject, Camera, Composition, Resolution, Color, Special Effects, Size9(up to 4K))', 'wpbot'); ?><br>
2342	<?php esc_html_e('🚀 Save AI Generated images to Media Library with one click', 'wpbot'); ?><br>
2343	<?php esc_html_e('🚀 AI Image Gutenberg Block. Create and Insert Image directly into your blog post', 'wpbot'); ?><br>
2344	<?php esc_html_e('🚀 Generate Meta Description with one click', 'wpbot'); ?><br>
2345	<?php esc_html_e('🚀 Add meta description tag automatically to the page source', 'wpbot'); ?><br>
2346	<?php esc_html_e('🚀 OpenAI playground', 'wpbot'); ?><br>
2347	<?php esc_html_e('🚀 ChatGPT and Google Gemini in WordPress backend', 'wpbot'); ?><br>
2348	<?php esc_html_e('🚀 Humanize article so they do not sound AI written', 'wpbot'); ?></p>
2349	<h4><?php esc_html_e('YouTube Video Subtitle to SEO Article Generator with AI', 'wpbot'); ?></h4>
2350	<p>
2351	<?php esc_html_e('🚀 Generate Articles from YouTube Subtitles. Works Best for Long form Videos', 'wpbot'); ?><br>
2352	<?php esc_html_e('🚀 Rewrite subtitle to a SEO Friendly Blog Article', 'wpbot'); ?><br>
2353	<?php esc_html_e('🚀 Fine tune your articles (How many headings?, Heading Tag, Writing Style, Writing Tone, Image Size, Language, Add Image, Add Tagline, Add Introduction, Add Conclusion, Add Faq, Anchor Text, Target URL, Add Call-to-Action, Call-to-Action Position, Add Keywords, Keywords to Avoid, Make Keywords Bold etc.)', 'wpbot'); ?><br>
2354	<?php esc_html_e('🚀 Directly Generate a Blog Post Draft', 'wpbot'); ?><br>
2355	<?php esc_html_e('🚀 Humanize article so they do not sound AI written', 'wpbot'); ?></p>
2356	<h4><?php esc_html_e('RSS Feed to Post, Auto Blogging', 'wpbot'); ?></h4>
2357	<p>
2358	<?php esc_html_e('🚀 Automatically Import and Convert RSS feed items to WordPress pages, posts, and custom post type.', 'wpbot'); ?><br>
2359	<?php esc_html_e('🚀 Automatically import and aggregate unlimited RSS feeds from unlimited sources', 'wpbot'); ?><br>
2360	<?php esc_html_e('🚀 Schedule RSS Feed to Post according to your need for Autoblogging', 'wpbot'); ?><br>
2361	<?php esc_html_e('🚀 Rewrite RSS feeds with OpenAI AI before publishing to prevent duplicate contents', 'wpbot'); ?></p>
2362	<h4><?php esc_html_e('SEO Features', 'wpbot'); ?></h4>
2363	<p>
2364	<?php esc_html_e('🚀 Outputs all the essential meta tags that are essential for Search Engine Optimization', 'wpbot'); ?><br>
2365	<?php esc_html_e('🚀 Meta tags can be set for each Post type', 'wpbot'); ?><br>
2366	<?php esc_html_e('🚀 Configure Meta Tags Globally and Per Post basis', 'wpbot'); ?><br>
2367	<?php esc_html_e('🚀 Generate and Add Meta Description with one click', 'wpbot'); ?><br>
2368	<?php esc_html_e('🚀 Set the OGP information required for Social Networking Websites such as Facebook and Twitter.', 'wpbot'); ?><br>
2369	<?php esc_html_e('🚀 Customize the meta tag information individually for each post, page, and term.', 'wpbot'); ?><br>
2370	<?php esc_html_e('🚀 Easily set the Google Analytics measurement code and Webmaster Tools verification code.', 'wpbot'); ?><br>
2371	<?php esc_html_e('🚀 Works out of the box', 'wpbot'); ?></p>
2372	<h4><?php esc_html_e('SEO Optimized Images', 'wpbot'); ?></h4>
2373	<p>
2374	<?php esc_html_e('🚀 Dynamically insert SEO-Friendly “alt” and “title” attributes to your images. Simply activate the plugin, provide the pattern, and you are ready to go.', 'wpbot'); ?><br>
2375	<?php esc_html_e('🚀 Dynamically replaces the “alt” and “title” tags. It does not make any changes to the database. This means that if you deactivate the plugin, everything will return to the original settings.', 'wpbot'); ?><br>
2376	<?php esc_html_e('🚀 Insert an image name, a post title and a post category in the “title” and “alt” attributes of the image.', 'wpbot'); ?></p>
2377	<h4><?php esc_html_e('No-Index Features', 'wpbot'); ?></h4>
2378	<p>
2379	<?php esc_html_e('🚀 Easily add a meta-tag for robots noindex tags to parts of your WordPress site as necessary from a central location', 'wpbot'); ?>
2380	</p>
2381	<h5><?php esc_html_e('1. Pages and Posts', 'wpbot'); ?></h5>
2382	<p>
2383	<?php esc_html_e('🚀 Front Page: Block the indexing of the website’s front page.', 'wpbot'); ?><br>
2384	<?php esc_html_e('🚀 Home Page: Block the indexing of the website’s home page.', 'wpbot'); ?><br>
2385	<?php esc_html_e('🚀 Page: Block the indexing of the site’s pages.', 'wpbot'); ?><br>
2386	<?php esc_html_e('🚀 Privacy Policy Page: Block the indexing of the website’s privacy policy page.', 'wpbot'); ?><br>
2387	<?php esc_html_e('🚀 Single Post: Block the indexing of a post on the site.', 'wpbot'); ?>
2388	</p>
2389	<h5><?php esc_html_e('2. Taxonomies', 'wpbot'); ?></h5>
2390	<p>
2391	<?php esc_html_e('🚀 Categories: Block the indexing of the website categories.', 'wpbot'); ?><br>
2392	<?php esc_html_e('🚀 Tags: Block the indexing of the website’s tags.', 'wpbot'); ?>
2393	</p>
2394	<h5><?php esc_html_e('3. Dates', 'wpbot'); ?></h5>
2395	<p>
2396	<?php esc_html_e('🚀 Date: Block the indexing based on any date-based archive pages.', 'wpbot'); ?><br>
2397	<?php esc_html_e('🚀 Day, Month, Time, Year: Block the indexing for daily, monthly, by time, or yearly archive of the site.', 'wpbot'); ?>
2398	</p>
2399	<h5><?php esc_html_e('4. Archives', 'wpbot'); ?></h5>
2400	<p>
2401	<?php esc_html_e('🚀 Archive: Block the indexing of any type of Archive page. Category, Tag, Author and Date based pages etc. are all types of Archives.', 'wpbot'); ?><br>
2402	<?php esc_html_e('🚀 Author: Block the indexing of the author’s page, where the author’s publications appear.', 'wpbot'); ?><br>
2403	<?php esc_html_e('🚀 Post Type Archive: Block the indexing of any post type page.', 'wpbot'); ?>
2404	</p>
2405	<h5><?php esc_html_e('5. Pagination and Search', 'wpbot'); ?></h5>
2406	<p>
2407	<?php esc_html_e('🚀 Pagination: Block the indexing of the pagination, i.e. all pages other than the main page of an archive.', 'wpbot'); ?><br>
2408
2409	<?php esc_html_e('🚀 Search: Block the indexing of the internal search result pages.', 'wpbot'); ?>
2410	</p>
2411	<h5><?php esc_html_e('6. Attachments and Previews', 'wpbot'); ?></h5>
2412	<p>
2413	<?php esc_html_e('🚀 Attachment: Block the indexing of an attachment document to a post or page.', 'wpbot'); ?><br>
2414	<?php esc_html_e('🚀 Customize Preview: Block the indexing when a content is being displayed in customize mode', 'wpbot'); ?><br>
2415	<?php esc_html_e('🚀 Preview: Block the indexing when a single post is being displayed in draft mode.', 'wpbot'); ?>
2416	</p>
2417	<h5><?php esc_html_e('7. Error Page', 'wpbot'); ?></h5>
2418	<p>
2419	<?php esc_html_e('🚀 Error 404: This will cause an error page to be blocked from being indexed. As it is an error page, it should not be indexed per se, but just in case.', 'wpbot'); ?>
2420	</p>
2421	<h5><?php esc_html_e('8. Other Features', 'wpbot'); ?></h5>
2422	<p>
2423	<?php esc_html_e('🚀 Works with all modern browsers', 'wpbot'); ?><br>
2424	<?php esc_html_e('🚀 Scan for Broken Links on your website', 'wpbot'); ?><br>
2425	<?php esc_html_e('🚀 Open External links in new window', 'wpbot'); ?><br>
2426	<?php esc_html_e('🚀 Priority, Premium Support', 'wpbot'); ?><br>
2427	<?php esc_html_e('🚀 Auto Upgrades for Plugin', 'wpbot'); ?></p>
2428	</div>
2429	</section>
2430	<section id="<?php esc_attr_e( 'section-flip-7', 'wpbot' ); ?> ">
2431	<!-- <div class="<?php // esc_attr_e( 'cxsc-settings-blocks-notic', 'wpbot' ); ?>" style="<?php // echo esc_attr('background: #2271B1'); ?>">
2432	<p class="<?php // esc_attr_e( 'd-ib', 'wpbot' ); ?> "><?php // esc_html_e('New horizontal/wide template is now available. Select from Icons and Themes', 'wpbot'); ?>
2433	</div> -->
2434	<div class="<?php esc_attr_e( 'top-section', 'wpbot' ); ?> ">
2435	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
2436	<div class="<?php esc_attr_e( 'col-xs-12', 'wpbot' ); ?> ">
2437	<h4 class="<?php esc_attr_e( 'qc-opt-dcs', 'wpbot' ); ?> "><?php esc_html_e('You can paste or write your custom css here.', 'wpbot'); ?></h4>
2438	<textarea name="wp_chatbot_custom_css"
2439	class="<?php esc_attr_e( 'form-control wp-chatbot-custom-css', 'wpbot' ); ?>"
2440	cols="10"
2441	rows="16"><?php echo esc_textarea(get_option('wp_chatbot_custom_css')); ?></textarea>
2442	</div>
2443	</div>
2444	<!-- row-->
2445	</div>
2446	</section>
2447
2448
2449	</div>
2450	</div>
2451	<footer class="<?php esc_attr_e( 'wp-chatbot-admin-footer', 'wpbot' ); ?> ">
2452	<div class="<?php esc_attr_e( 'row', 'wpbot' ); ?> ">
2453
2454	<div class="<?php esc_attr_e( 'text-right col-sm-3 col-sm-offset-9', 'wpbot' ); ?> ">
2455	<input type="submit" class="<?php esc_attr_e( 'btn btn-primary submit-button', 'wpbot' ); ?>" name="submit"
2456	id="<?php esc_attr_e( 'submit', 'wpbot' ); ?>" value="<?php esc_html_e('Save Settings', 'wpbot'); ?>"/>
2457	</div>
2458	</div>
2459	<!-- row-->
2460	</footer>
2461	</section>
2462	</div>
2463	<?php wp_nonce_field('wp_chatbot'); ?>
2464	</form>