Offer different email frequency in onboarding signup

assets/css/admin.css

@@ -500,7 +500,7 @@ button.prpl-info-icon {
 
 	label {
 		display: grid;
-		grid-template-columns: 1fr 3fr;
+		grid-template-columns: 2fr 8fr;
 		margin-bottom: 0.5em;
 		gap: var(--prpl-padding);
 	}
@@ -543,9 +543,15 @@ button.prpl-info-icon {
 	margin-inline-start: 0.25em;
 	vertical-align: middle;
 
-	svg {
-		width: 1em;
-		height: 1em;
+	label {
+		display: grid;
+		grid-template-columns: 2fr 8fr;
+		margin-bottom: 0.5em;
+		gap: var(--prpl-padding);
+	}
+
+	.prpl-onboard-form-radio-select {
+		margin-bottom: 1em;
 	}
 }
 

views/popovers/subscribe-form.php

@@ -26,45 +26,68 @@
 		?>
 	</p>
 	<div class="prpl-form-fields">
-		<label>
-			<span class="prpl-label-content">
-				<?php \esc_html_e( 'First name', 'progress-planner' ); ?>
-			</span>
+		<div class="prpl-onboard-form-radio-select">
+			<label>
+				<input type="radio" name="with-email" value="weekly" checked>
+				<span class="prpl-label-content">
+					<?php \esc_html_e( 'Yes, send me weekly updates!', 'progress-planner' ); ?>
+				</span>
+			</label>
+			<label>
+				<input type="radio" name="with-email" value="monthly">
+				<span class="prpl-label-content">
+					<?php \esc_html_e( 'Monthly, tell me what to do next month!', 'progress-planner' ); ?>
+				</span>
+			</label>
+			<label>
+				<input type="radio" name="with-email" value="quarterly">
+				<span class="prpl-label-content">
+					<?php \esc_html_e( 'Quarterly, just keep me posted on your plugin updates.', 'progress-planner' ); ?>
+				</span>
+			</label>
+			<label>
+				<input type="radio" name="with-email" value="no">
+				<span class="prpl-label-content">
+					<?php \esc_html_e( 'No, I don’t want emails right now.', 'progress-planner' ); ?>
+				</span>
+			</label>
+		</div>
+		<div class="prpl-form-fields">
+			<label>
+				<span class="prpl-label-content">
+					<?php \esc_html_e( 'First name', 'progress-planner' ); ?>
+				</span>
+				<input
+					type="text"
+					name="name"
+					class="prpl-input"
+					required
+					value="<?php echo \esc_attr( \get_user_meta( $prpl_current_user->ID, 'first_name', true ) ); ?>"
+				>
+			</label>
+			<label>
+				<span class="prpl-label-content">
+					<?php \esc_html_e( 'Email', 'progress-planner' ); ?>
+				</span>
+				<input
+					type="email"
+					name="email"
+					class="prpl-input"
+					required
+					value="<?php echo \esc_attr( $prpl_current_user->user_email ); ?>"
+				>
+			</label>
 			<input
-				type="text"
-				name="name"
-				class="prpl-input"
-				required
-				value="<?php echo \esc_attr( \get_user_meta( $prpl_current_user->ID, 'first_name', true ) ); ?>"
+				type="hidden"
+				name="site"
+				value="<?php echo \esc_attr( \set_url_scheme( \site_url() ) ); ?>"
 			>
-		</label>
-		<label>
-			<span class="prpl-label-content">
-				<?php \esc_html_e( 'Email', 'progress-planner' ); ?>
-			</span>
 			<input
-				type="email"
-				name="email"
-				class="prpl-input"
-				required
-				value="<?php echo \esc_attr( $prpl_current_user->user_email ); ?>"
+				type="hidden"
+				name="timezone_offset"
+				value="<?php echo (float) ( \wp_timezone()->getOffset( new \DateTime( 'midnight' ) ) / 3600 ); ?>"
 			>
-		</label>
-		<input
-			type="hidden"
-			name="site"
-			value="<?php echo \esc_attr( \set_url_scheme( \site_url() ) ); ?>"
-		>
-		<input
-			type="hidden"
-			name="timezone_offset"
-			value="<?php echo (float) ( \wp_timezone()->getOffset( new \DateTime( 'midnight' ) ) / 3600 ); ?>"
-		>
-		<input
-			type="hidden"
-			name="with-email"
-			value="yes"
-		>
+		</div>
 	</div>
 	<button id="submit-license-key" class="prpl-button prpl-button-primary"><?php \esc_html_e( 'Subscribe', 'progress-planner' ); ?></button>
 </form>