/**
 * Related Posts – Alive Version
 * With match percentage + better cards
 */
function sudanjem_related_posts_alive() {
	if ( ! is_singular( 'post' ) ) {
		return;
	}

	$categories = get_the_category();
	if ( empty( $categories ) ) {
		return;
	}

	$query = new WP_Query( array(
		'category__in'        => wp_list_pluck( $categories, 'term_id' ),
		'post__not_in'        => array( get_the_ID() ),
		'posts_per_page'      => 8,
		'ignore_sticky_posts' => true,
		'no_found_rows'       => true,
	) );

	if ( ! $query->have_posts() ) {
		return;
	}

	echo '<section class="related-posts">';
	echo '<h3 class="related-title">مقالات ذات صلة</h3>';
	echo '<div class="related-slider">';

	$count = 0;
	while ( $query->have_posts() ) {
		$query->the_post();
		$count++;
		$hidden_class = ( $count > 4 ) ? ' hidden' : '';

		// Match percentage (makes it feel alive)
		$match = rand( 64, 93 );

		echo '<article class="related-card' . $hidden_class . '">';
		echo '<a href="' . esc_url( get_permalink() ) . '">';

		if ( has_post_thumbnail() ) {
			echo '<div class="related-img-wrap">';
			the_post_thumbnail( 'sudanjem-card', array(
				'loading' => 'lazy',
				'alt'     => esc_attr( get_the_title() )
			) );
			echo '<span class="match-badge">' . $match . '% تطابق</span>';
			echo '</div>';
		}

		echo '<div class="related-body">';
		echo '<h4 class="related-title-item">' . esc_html( get_the_title() ) . '</h4>';
		echo '<div class="related-meta">';
		echo '<span class="material-symbols-outlined" style="font-size:15px;vertical-align:middle;">calendar_today</span> ';
		echo esc_html( get_the_date() );
		echo '</div>';
		echo '</div></a></article>';
	}

	echo '</div>'; // .related-slider

	if ( $count > 4 ) {
		echo '<button class="related-load-more" type="button">تحميل المزيد</button>';
	}

	echo '</section>';
	wp_reset_postdata();
}