<div class="ww-widget ww-widget-signature">
	<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff" style="margin: 0px; padding: 0px; width: 100%; height: 100%; border-collapse: separate; background-color: rgb(255, 255, 255);">
		<tr>
			<td align="left" valign="top" style="margin: 0px; padding: 0px; width: 100%; height: 100%;">
				<table width="420" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f2f4" style="border-radius: 15px; border-collapse: separate; background-color: rgb(242, 242, 244);">
					<tr>
					<td width="20">
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td height="2" style="font-size: 0pt; line-height: 0pt; padding-left: 9px; padding-right: 9px;"></td>
							</tr>
						</table>
					</td>
					<td>
						<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
							<tr>
								<td height="25" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;"></td>
							</tr>
						</table>
						<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse: separate;">
							<tr>
								<td width="136" valign="top" style="font-size: 0pt; line-height: 0pt; text-align: left;">
									<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse: separate;">
										<tr>
											<td>
												<table width="130" border="0" cellspacing="0" cellpadding="0" style="border-radius: 100%; border-collapse: separate;">
													<tr>
														<td>
															<table width="130" border="0" cellspacing="0" cellpadding="0" style="border-collapse: inherit;">
																<tr>
																	<td width="130" height="130" style="display: flex; border: 5px solid <?php echo $widget->widgetable->borderColor; ?>; border-radius: 100%; box-sizing: border-box; background-color: <?php echo $widget->widgetable->borderColor; ?>;">
																		<a href="<?php echo $widget->publicUrl; ?>" target="_blank" style="text-decoration: none; color: rgb(255, 255, 255); background-image: url(<?php echo $widget->widgetable->imageUrl; ?>); width: 120px; height: 120px; flex-shrink: 0; border-radius: 50%; background-position: 50%; background-size: cover; margin-right: 1.25rem; display: inline-block;"></a>
																	</td>
																</tr>
															</table>
														</td>
													</tr>
												</table>
											</td>
										</tr>
									</table>
								</td>
								<td width="22">
								<table width="100%" border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td height="2" style="font-size: 0pt; line-height: 0pt; padding-left: 10px; padding-right: 10px;"></td>
									</tr>
								</table>
								</td>
								<td align="left">
								<div style="white-space: nowrap; line-height: 18px; color: rgb(39, 44, 46); font-family: Arial, sans-serif; text-align: left; font-size: 22px;"><strong><?php echo $widget->name; ?></strong></div>
								<table width="100%" border="0" cellspacin`g="0" cellpadding="0" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
									<tr>
										<td height="12" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;"></td>
									</tr>
								</table>
								<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#e6e8e9" style="background-color: rgb(230, 232, 233); font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%; border-spacing: initial;">
									<tr>
										<td bgcolor="#e6e8e9" height="1" style="background-color: rgb(230, 232, 233); font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;"></td>
									</tr>
								</table>
								<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
									<tr>
										<td height="12" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;"></td>
									</tr>
								</table>
								<table border="0" cellspacing="0" cellpadding="0">
									<tr>
										<td style="font-size: 0pt; line-height: 0pt; text-align: left;">
											<div style="font-size: 0pt; line-height: 0pt; text-align: left;"><img src="<?php echo plugins_url( 'warm-welcome/resources/assets/ico-arrow.png' ); ?>" alt="" width="18" height="13')" border="0" alt="" /></div>
											<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
											<tr>
												<td height="9" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;"></td>
											</tr>
											</table>
										</td>
										<td width="12">
											<table width="100%" border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td height="2" style="font-size: 0pt; line-height: 0pt; padding-left: 5px; padding-right: 5px;"></td>
											</tr>
											</table>
										</td>
										<td>
											<div style="color: rgb(39, 44, 46); font-family: Arial, sans-serif; text-align: left; font-size: 12px; line-height: 16px;"><strong>CHAT WITH ME</strong></div>
											<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
											<tr>
												<td height="9" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;"></td>
											</tr>
											</table>
										</td>
									</tr>

									<?php if ( ! empty( $widget->widgetable->phoneNumber ) ) : ?>
										<tr>
											<td style="font-size: 0pt; line-height: 0pt; text-align: left;">
												<div style="font-size: 0pt; line-height: 0pt; text-align: left;"><img src="<?php echo plugins_url( 'warm-welcome/resources/assets/ico-phone.png' ); ?>" width="18" height="15" border="0" alt="" /></div>
												<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
												<tr>
													<td height="9" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;"></td>
												</tr>
												</table>
											</td>
											<td width="12">
												<table width="100%" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td height="2" style="font-size: 0pt; line-height: 0pt; padding-left: 5px; padding-right: 5px;"></td>
												</tr>
												</table>
											</td>
											<td>
												<div style="white-space: nowrap; color: rgb(39, 44, 46); font-family: Arial, sans-serif; text-align: left; font-size: 14px; line-height: 18px;"><a href="tel:<?php echo $widget->widgetable->phoneNumber; ?>" target="_blank" style="color: rgb(39, 44, 46); text-decoration: none;"><span style="color: rgb(39, 44, 46); text-decoration: none;">
													<?php echo $widget->widgetable->phoneNumber; ?>
												</span></a>
												</div>
												<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
												<tr>
													<td height="9" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;"></td>
												</tr>
												</table>
											</td>
										</tr>
									<?php endif; ?>

									<?php if ( ! empty( $widget->widgetable->websiteUrl ) ) : ?>
										<tr>
											<td style="font-size: 0pt; line-height: 0pt; text-align: left;">
												<div style="font-size: 0pt; line-height: 0pt; text-align: left;"><img src="<?php echo plugins_url( 'warm-welcome/resources/assets/ico-web.png' ); ?>" width="18" height="15" border="0" alt="" /></div>
											</td>
											<td width="12">
												<table width="100%" border="0" cellspacing="0" cellpadding="0">
												<tr>
													<td height="2" style="font-size: 0pt; line-height: 0pt; padding-left: 5px; padding-right: 5px;"></td>
												</tr>
												</table>
											</td>
											<td>
												<div style="color: rgb(39, 44, 46); font-family: Arial, sans-serif; text-align: left; font-size: 14px; line-height: 18px;">
													<a href="<?php echo $widget->widgetable->websiteUrl; ?>" target="_blank" style="color: rgb(39, 44, 46); text-decoration: none;">
														<span style="color: rgb(39, 44, 46); text-decoration: none;">
															<?php echo preg_replace('/^http?s:\/\//', '', $widget->widgetable->websiteUrl) ?>
														</span>
													</a>
												</div>
											</td>
										</tr>
									<?php endif; ?>
								</table>
								</td>
							</tr>
						</table>
						<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;">
							<tr>
								<td height="25" style="font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%;"></td>
							</tr>
						</table>
					</td>
					<td width="20">
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td height="2" style="font-size: 0pt; line-height: 0pt; padding-left: 9px; padding-right: 9px;"></td>
							</tr>
						</table>
					</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</div>