Show better view of remaining points and days

Author: aristath

views/page-widgets/suggested-tasks.php

@@ -62,10 +62,15 @@
 	</div>
 
 	<?php if ( ! empty( $prpl_widget->get_previous_incomplete_months_badges() ) ) : ?>
+		<?php
+		$prpl_remaining_points = $prpl_widget->get_score()['target'] - $prpl_widget->get_score()['target_score'];
+		$prpl_days_remaining   = (int) \gmdate( 't' ) - (int) \gmdate( 'j' );
+		?>
 		<div class="prpl-previous-month-badge-progress-bars-wrapper">
 			<h3><?php \esc_html_e( 'Oh no! You missed the previous monthly badge!', 'progress-planner' ); ?></h3>
 			<p><?php echo \wp_kses( __( 'No worries though! <strong>Collect the surplus of points</strong> you earn, and get your badge!', 'progress-planner' ), [ 'strong' => [] ] ); ?></p>
 			<?php foreach ( $prpl_widget->get_previous_incomplete_months_badges() as $prpl_previous_incomplete_month_badge ) : ?>
+				<?php $prpl_remaining_points += $prpl_previous_incomplete_month_badge->progress_callback()['remaining']; ?>
 				<div
 					class="prpl-previous-month-badge-progress-bar-wrapper"
 					style="padding: 1rem 0; background-color: var(--prpl-background-orange); border-radius: 0.5rem; padding: 1rem;"
@@ -85,8 +90,9 @@ class="prpl-previous-month-badge-progress-bar-wrapper"
 							<?php
 							printf(
 								/* translators: %d: The number of points. */
-								\esc_html__( 'Only %d more points to go', 'progress-planner' ),
-								(int) $prpl_previous_incomplete_month_badge->progress_callback()['remaining']
+								\esc_html__( '%1$d more points to go in the next %2$d days', 'progress-planner' ),
+								(int) $prpl_remaining_points,
+								(int) $prpl_days_remaining
 							);
 							?>
 						</span>