<?php
if ( ! get_theme_mod( 'rhythm_blog_enable_categories_section', false ) ) {
	return;
}
$section_content = $content_ids = array();

for ( $i = 1; $i <= 4; $i++ ) {
	$content_post_id = get_theme_mod( 'rhythm_blog_categories_content_category_' . $i );
	if ( ! empty( $content_post_id ) ) {
		$content_ids[] = $content_post_id;
	}
}
$args = array(
	'taxonomy'   => 'category',
	'number'     => 4,
	'include'    => array_filter( $content_ids ),
	'orderby'    => 'include',
	'hide_empty' => false,
);

$terms = get_terms( $args );
$i     = 1;
foreach ( $terms as $value ) {
	$data['title']         = $value->name;
	$data['count']         = $value->count;
	$data['permalink']     = get_term_link( $value->term_id );
	$data['thumbnail_url'] = get_theme_mod( 'rhythm_blog_category_category_image_' . $i, '' );

	array_push( $section_content, $data );
	$i++;
}

$section_content = apply_filters( 'rhythm_blog_categories_section_content', $section_content );

rhythm_blog_render_categories_section( $section_content );

/**
 * Render Categories Section
 */
function rhythm_blog_render_categories_section( $section_content ) {

	$categories_title = get_theme_mod( 'rhythm_blog_categories_title', __( 'Categories Section', 'rhythm-blog' ) );
	?>

	<section id="rhythm_blog_categories_section" class="categories-section section-splitter categories-style-1">
		<?php
		if ( is_customize_preview() ) :
			rhythm_blog_section_link( 'rhythm_blog_categories_section' );
		endif;
		?>
		<div class="section-wrapper">
			<?php if ( ! empty( $categories_title ) ) : ?>
				<div class="section-title">
					<div class="title-heading">
						<?php if ( ! empty( $categories_title ) ) { ?>
							<h3 class="main-title" ><?php echo esc_html( $categories_title ); ?></h3>
							<?php
						}
						?>
					</div>
					<span class="heading-dash"></span>
				</div>
			<?php endif; ?>
			<div class="categories-container-wrapper column-4">
				<?php foreach ( $section_content as $content ) : ?>
					<div class="categories-container">
						<div class="categories-inner <?php echo esc_attr( empty( $content['thumbnail_url'] ) ? 'no-image' : '' ); ?>">
							<?php if ( ! empty( $content['thumbnail_url'] ) ) : ?>
								<div class="categories-image">
									<img src="<?php echo esc_url( $content['thumbnail_url'] ); ?>" alt="<?php echo esc_attr( $content['title'] ); ?>">
								</div>
							<?php endif; ?>
							<div class="categories-content">
								<div class="categories-details">
									<h3 class="categories-title"><a href="<?php echo esc_url( $content['permalink'] ); ?>"><?php echo esc_html( $content['title'] ); ?></a></h3>
									<?php
									if ( $content['count'] <= 1 ) {
										$post_count = $content['count'] . __( ' Article', 'rhythm-blog' );
									} else {
										$post_count = $content['count'] . __( ' Articles', 'rhythm-blog' );
									}
									?>
									<span class="post-count"><?php echo esc_html( $post_count ); ?></span>
								</div>
								<a href="<?php echo esc_url( $content['permalink'] ); ?>" class="post-btn"><span class="post-icon"><i class="fa-solid fa-chevron-right"></i></span></a>
							</div>
						</div>
					</div>
				<?php endforeach; ?>
			</div>
		</div>
	</section>

	<?php
}
