From 6f467aa48863b90a230f5d177521d5f4918d3a8f Mon Sep 17 00:00:00 2001
From: Dharmesh Patel <dspatel44@gmail.com>
Date: Thu, 29 Aug 2024 17:25:12 +0530
Subject: [PATCH] Update designs for suggest to login.

---
 assets/css/create-account.css                 |  8 ++---
 .../admin/templates/create-account-page.php   | 29 +++++++++++++++----
 2 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/assets/css/create-account.css b/assets/css/create-account.css
index 4b0eb46..8eeb623 100644
--- a/assets/css/create-account.css
+++ b/assets/css/create-account.css
@@ -185,13 +185,13 @@
 	text-decoration: none;
 }
 
-#mailchimp-sf-create-account .mailchimp-sf-create-account__body a {
+#mailchimp-sf-create-account .mailchimp-sf-create-account__body .terms a {
 	color: #007C89;
 	font-weight: 500;
     text-decoration: none;
 }
 
-#mailchimp-sf-create-account .mailchimp-sf-create-account__body a:hover {
+#mailchimp-sf-create-account .mailchimp-sf-create-account__body .terms a:hover {
 	text-decoration: underline;
 }
 
@@ -327,14 +327,14 @@
 	display: none !important;
 }
 
-.mailchimp-sf-confirm-email-wrapper {
+.mailchimp-sf-confirm-section-wrapper {
 	width: 100%;
 	max-width: 504px;
 	margin: 0 auto;
 	margin-top: -24px;
 }
 
-.mailchimp-sf-confirm-email {
+.mailchimp-sf-confirm-section {
 	background-color: #ffffff;
     border-radius: 12px;
     border: 1px solid rgba(36, 28, 21, 0.15);
diff --git a/includes/admin/templates/create-account-page.php b/includes/admin/templates/create-account-page.php
index 6b5ca97..467f6b4 100644
--- a/includes/admin/templates/create-account-page.php
+++ b/includes/admin/templates/create-account-page.php
@@ -264,8 +264,8 @@
 				</div>
 			</form>
 
-			<div class="mailchimp-sf-confirm-email-wrapper <?php echo esc_attr( ( ! $signup_initiated ) ? 'hidden' : '' ); ?>">
-				<div class="mailchimp-sf-confirm-email">
+			<div class="mailchimp-sf-confirm-email-wrapper mailchimp-sf-confirm-section-wrapper <?php echo esc_attr( ( ! $signup_initiated ) ? 'hidden' : '' ); ?>">
+				<div class="mailchimp-sf-confirm-email mailchimp-sf-confirm-section">
 					<div class="title"><?php esc_html_e( 'Check your email', 'mailchimp' ); ?></div>
 					<p class="h4">
 						<?php
@@ -349,11 +349,28 @@
 					</div>
 				</div>
 			</div>
-			<div class="mailchimp-sf-suggest-to-login hidden">
-				<div class="title"><?php esc_html_e( 'Login', 'mailchimp' ); ?></div>
-				<p class="h4"><?php esc_html_e( 'It seems an account already exists with this email. Please try logging in with this username. ', 'mailchimp' ); ?><span class="mailchimp-sf-email"></span></p>
+			<div class="mailchimp-sf-suggest-to-login mailchimp-sf-confirm-section-wrapper hidden">
+				<div class="mailchimp-sf-confirm-section">
+					<div class="title"><?php esc_html_e( 'Login', 'mailchimp' ); ?></div>
+					<p class="h4">
+						<?php
+						echo wp_kses(
+							sprintf(
+								/* translators: %s - Username */
+								__( 'It seems an account already exists with this email. Please try logging in with this username: %s', 'mailchimp' ),
+								'<span class="mailchimp-sf-email">' . esc_html( $email ) . '</span>'
+							),
+							array(
+								'span' => array(
+									'class' => array(),
+								),
+							)
+						);
+						?>
+					</p>
 
-				<a href="<?php echo esc_url( admin_url( 'admin.php?page=mailchimp_sf_options' ) ); ?>" class="button create-account-save"><?php esc_html_e( 'Connect', 'mailchimp' ); ?></a>
+					<a href="<?php echo esc_url( admin_url( 'admin.php?page=mailchimp_sf_options' ) ); ?>" class="button create-account-save"><?php esc_html_e( 'Connect', 'mailchimp' ); ?></a>
+				</div>
 			</div>
 			<input type="hidden" name="signup_initiated" value="<?php echo esc_attr( (bool) $signup_initiated ); ?>" />
 		</div>