Instructor home state card

Author: sanjana4khan

classes/Instructor.php

@@ -846,18 +846,22 @@ function ( $review ) {
 	public static function get_stat_card_details( float $current_data, float $previous_data ) {
 
 		if ( empty( $previous_data ) && empty( $current_data ) ) {
-			return '-';
+			return array(
+				'percentage' => '',
+				'icon'       => Icon::MINUS,
+				'class'      => 'tutor-text-primary',
+			);
 		}
 
 		if ( empty( $previous_data ) ) {
-			$percentage = $current_data > 0 ? 100 : 0;
+			$percentage = 100;
 		} else {
 			$percentage = ( ( $current_data - $previous_data ) / $previous_data ) * 100;
 		}
 
 		$is_negative = $percentage < 0;
-		$icon        = empty( $percentage ) ? Icon::MINUS : ( $is_negative ? Icon::ARROW_DOWN : Icon::ARROW_UP );
-		$class       = empty( $percentage ) ? '' : ( $is_negative ? 'tutor-p2 tutor-actions-critical-primary' : 'tutor-p2 tutor-actions-success-primary' );
+		$icon        = $is_negative ? Icon::ARROW_DOWN : Icon::ARROW_UP;
+		$class       = $is_negative ? 'tutor-p2 tutor-actions-critical-primary' : 'tutor-p2 tutor-actions-success-primary';
 
 		return array(
 			'percentage' => abs( $percentage ) . '%',

templates/dashboard/instructor/analytics/stat-card-hover.php

@@ -0,0 +1,36 @@
+<?php
+/**
+ * Stat Card Hover Content
+ *
+ * @package Tutor\Templates
+ * @since 4.0.0
+ */
+
+defined( 'ABSPATH' ) || exit;
+
+$hover_period_current = $hover_period_current ?? 'Jan-Dec 2025';
+$hover_period_prev    = $hover_period_prev ?? 'Jan-Dec 2024';
+$hover_amount         = $hover_amount ?? '$740.00';
+$hover_percent        = $hover_percent ?? '48%';
+$hover_direction      = $hover_direction ?? 'up';
+
+$arrow_icon = 'up' === $hover_direction ? TUTOR\Icon::ARROW_UP : TUTOR\Icon::ARROW_DOWN;
+$arrow_class = 'up' === $hover_direction ? 'tutor-text-success' : 'tutor-text-danger';
+?>
+
+<div class="tutor-stat-card-hover-contents tutor-flex tutor-flex-column tutor-gap-2">
+	<div class="tutor-flex tutor-items-center tutor-gap-2 tutor-text-tiny tutor-text-secondary">
+		<span><?php echo esc_html( $hover_period_current ); ?></span>
+		<span><?php esc_html_e( 'vs', 'tutor' ); ?></span>
+		<span><?php echo esc_html( $hover_period_prev ); ?></span>
+	</div>
+	<div class="tutor-flex tutor-items-center tutor-justify-between">
+		<span class="tutor-text-base tutor-font-bold tutor-text-primary">
+			<?php echo esc_html( $hover_amount ); ?>
+		</span>
+		<span class="tutor-flex tutor-items-center tutor-gap-1 tutor-text-base tutor-font-bold <?php echo esc_attr( $arrow_class ); ?>">
+			<?php echo esc_html( $hover_percent ); ?>
+			<?php tutor_utils()->render_svg_icon( $arrow_icon, 16, 16 ); ?>
+		</span>
+	</div>
+</div>

templates/dashboard/instructor/analytics/stat-card.php

@@ -9,6 +9,8 @@
  * @since 4.0.0
  */
 
+use TUTOR_REPORT\Analytics;
+
 defined( 'ABSPATH' ) || exit;
 
 // Default values.
@@ -29,6 +31,11 @@
 	return;
 }
 
+if ( $change_display_on_hover) {
+	$template_path = tutor()->path . 'templates/dashboard/instructor/analytics/stat-card-hover.php';
+	$hover_template = Analytics::get_template_output($template_path, array());
+}
+
 ?>
 <div class="tutor-card tutor-stat-card tutor-stat-card-<?php echo esc_attr( $icon ); ?>">
 	<div class="tutor-stat-card-header">
@@ -43,18 +50,18 @@
 		<div class="tutor-stat-card-value">
 			<?php echo esc_html( $value ); ?>
 		</div>
-		<?php if ( ! empty( $change_display ) ) : ?>
-			<p class="<?php echo esc_attr( $change_class ); ?>">
-				<?php echo esc_html( $change_display ); ?>
-			</p>
-			<?php if ( ! empty( $change_icon ) ) : ?>
-				<?php tutor_utils()->render_svg_icon( $change_icon ); ?>
-			<?php endif; ?>
+
+		<p class="<?php echo esc_attr( $change_class ); ?>">
+			<?php echo esc_html( $change_display ); ?>
+		</p>
+		<?php if ( ! empty( $change_icon ) ) : ?>
+			<?php tutor_utils()->render_svg_icon( $change_icon ); ?>
 		<?php endif; ?>
-		<?php if ( ! empty( $change_display_on_hover ) ) : ?>
-			<p class="tutor-stat-card-hover-content">
-				<?php echo esc_html( $change_display_on_hover ); ?>
-			</p>
+
+		<?php if ( $change_display_on_hover ) : ?>
+
+			<?php 
+				//echo $hover_template; ?>
 		<?php endif; ?>
 	</div>
 	<?php if ( $show_graph ) : ?>

templates/dashboard/instructor/home.php

@@ -361,7 +361,8 @@ class="tutor-flex tutor-gap-5"
 					'change'       => $card['change'] ?? '',
 					'data'         => $card['data'] ?? array( 0, 0, 0 ),
 					'change_class' => $card['change_class'] ?? '',
-					'class_icon'   => $card['change_icon'] ?? '',
+					'change_icon'  => $card['change_icon'] ?? '',
+					'change_display_on_hover' => true,
 				)
 			);
 			?>