1 <div class="xc_chat_container" style="display: none;">
2 <div class="xc_chat_head {{headerShape}}">
3 <i class="xc_header_icon" style="background-image:url({{& assetBase}}?resource=images/iconVisitorchat.png);">
4 <span class="xc_notification_badge">
5 <span class="xc_notification_badge_number"></span>
8 <i class="xc_header_logo" style="background-image:url({{& assetBase}}?resource=images/motionLogo.png);"></i>
9 <span class="xc_chat_head-title">{HeaderText}</span>
11 <div class="xc_chat_toggle_container">
12 <div class="xc_sub-head-spacer"></div>
13 <div class="xc_notifications_wrapper">
14 <ul class="xc_errorlist"></ul>
16 <div class="xc_enquiry_wrapper">
17 <form class="xc_form_enquiry" accept-charset="UTF-8">
18 <p class="xc_offline_message">{OfflineMessage}</p>
21 <div class="xc_div_group">
22 <label for="enquiryFullname" class="xc_label">Name *</label>
23 <input id="enquiryFullname" maxlength="45" data-label="Name" type="text" name="data[Enquiry][fullname]" placeholder="{UsernamePlaceholder}" class="xc_input_enquiry_fullname" required/>
25 <!-- <input maxlength="45" type="text" name="data[Enquiry][fullname]" placeholder="{UsernamePlaceholder}" class="xc_input_enquiry_fullname" /> -->
27 <div class="xc_div_group">
28 <label for="enquiryEmail" class="xc_label">Email Address *</label>
29 <input id="enquiryEmail" maxlength="85" type="text" data-label="Email Address" name="data[Enquiry][email]" placeholder="{EmailPlaceholder}" class="xc_input_enquiry_email" required/>
32 <div class="xc_div_group">
33 <label for="enquiryMessage" class="xc_label">Message*</label>
34 <textarea id="enquiryMessage" data-label="Message" maxlength="1500" placeholder="{EnquiryMessagePlaceholder}" name="data[Enquiry][message]" class="xc_input_enquiry_message" required></textarea>
38 {{& renderedOfflineField}}
40 <button type="submit" class="xc_btn_enquiry xc_btn_style">{EnquiryButtonText}</button>
44 <div class="xc_signup_wrapper">
45 <form class="xc_form_signup" accept-charset="UTF-8">
46 <p class="xc_online_message">{OnlineMessage}</p>
48 <div class="xc_div_group">
49 <label for="dataFullname" class="xc_label">Fullname *</label>
50 <input maxlength="45" id="dataFullname" data-label="Fullname" type="text" name="data[Discussion][fullname]" placeholder="{UsernamePlaceholder}" class="xc_input_fullname" required/>
53 <div class="xc_div_group">
54 <label for="dataEmail" class="xc_label">Email Address *</label>
55 <input maxlength="85" id="dataEmail" data-label="Email Address" type="text" name="data[Discussion][email]" placeholder="{EmailPlaceholder}" class="xc_input_email" required/>
59 {{& renderedOnlineField}}
61 <input type="hidden" class="xc_input_visitor_time" name="data[Discussion][visitor_time]" />
62 <button type="submit" class="xc_btn_signup xc_btn_style">{StartChatButtonText}</button>
65 <div class="xc_conversation">
66 <div class="xc_conversation_container">
67 <p class="xc_message_intro" data-id="-10">{FirstMessageText}</p>
69 <div class="xc_composing_container"></div>
70 <form class="xc_form_reply" accept-charset="UTF-8">
71 <div class="xc_exit_chat_container">
72 <div class="xc_download_transcript_container" style="display:none;">
73 <a href="{{rootPath}}{{websiteId}}/transcript" class="xc_download_transcript">{DownloadTranscript}</a>
75 <a href="#" class="xc_btn_exit_chat">{ExitChatButtonText}</a>
76 <div class="xc_exit_chat_confirmation_wrapper" style="display: none;">
77 <span>{ExitChatQuestionText} </span>
78 <a href="#" class="xc_btn_exit_chat_confirm">{ExitChatButtonConfirmText}</a>
80 <a href="#" class="xc_btn_exit_chat_cancel">{ExitChatButtonCancelText}</a>
83 <textarea maxlength="750" placeholder="{MessagePlaceholderText}" name="data[Message][message]" class="xc_input_message"></textarea>
84 <a href="#" class="xc_btn_send xc_btn_style">{MessageSendButtonText}</a>
87 <div class="xc_rating_wrapper">
88 <form class="xc_form_rating" accept-charset="UTF-8">
89 <p class="xc_rating_message">{RatingMessage}</p>
91 <div class="xc_rating">
92 <label class="xc_rating_label" style="padding:30px;">
93 <input type="radio" name="data[Rating][rating]" value="good" />
94 <img src="{{& rootPath}}assets?resource=images/like.png" alt="Good" height="50"/>
96 <label class="xc_rating_label" style="padding:30px;">
97 <input type="radio" name="data[Rating][rating]" value="bad"/>
98 <img src="{{& rootPath}}assets?resource=images/dislike.png" alt="Good" height="50"/>
101 <div class="xc_div_group">
102 <label for="ratingMessage" class="xc_label">Message</label>
103 <textarea id="ratingMessage" data-label="Message" maxlength="1500" name="data[Rating][message]" class="xc_input_rating_message"></textarea>
105 <button type="submit" class="xc_button_rating xc_btn_style">{RatingSendText}</button>
106 <button type="button" class="xc_button_skip_rating xc_btn_style">{RatingSkipText}</button>
109 <div class="xc_footer">
110 <div class="xc_powered">
111 <a href="http://www.xcallymotion.com/" target="_blank">Powered by xCALLY</a>