<?php

$web_graphic_designer_post_args = array(
    'posts_per_page'    => get_theme_mod( 'web_graphic_designer_related_post_per_page', 3 ),
    'orderby'           => 'rand',
    'post__not_in'      => array( get_the_ID() ),
);

$web_graphic_designer_number_of_post_columns = get_theme_mod('web_graphic_designer_related_post_per_columns', 3);

$web_graphic_designer_col_lg_post_class = 'col-lg-' . (12 / $web_graphic_designer_number_of_post_columns);

$web_graphic_designer_related = wp_get_post_terms( get_the_ID(), 'category' );
$web_graphic_designer_ids = array();
foreach( $web_graphic_designer_related as $term ) {
    $web_graphic_designer_ids[] = $term->term_id;
}

$web_graphic_designer_post_args['category__in'] = $web_graphic_designer_ids; 

$web_graphic_designer_related_posts = new WP_Query( $web_graphic_designer_post_args );

if ( $web_graphic_designer_related_posts->have_posts() ) : ?>
        <div class="related-post-block">
        <h3 class="text-center mb-3"><?php echo esc_html(get_theme_mod('web_graphic_designer_related_post_heading',__('Related Posts','web-graphic-designer')));?></h3>
        <div class="row">
            <?php while ( $web_graphic_designer_related_posts->have_posts() ) : $web_graphic_designer_related_posts->the_post(); ?>
                <div class="<?php echo esc_attr($web_graphic_designer_col_lg_post_class); ?> col-md-6">
                    <div id="category-post">
                        <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                            <div class="page-box">
                                <?php if(has_post_thumbnail()) { ?>
                                        <?php the_post_thumbnail();  ?>    
                                <?php } ?>
                                <div class="box-content text-start">
                                    <h4 class="text-start py-2"><a href="<?php echo esc_url( get_permalink() ); ?>" title="<?php the_title_attribute(); ?>"><?php the_title();?></a></h4>
                                    
                                    <p><?php echo wp_trim_words(get_the_content(), get_theme_mod('web_graphic_designer_excerpt_count',10) );?></p>
                                    <?php if(get_theme_mod('web_graphic_designer_remove_read_button',true) != ''){ ?>
                                    <div class="readmore-btn text-start mb-1">
                                        <a href="<?php echo esc_url( get_permalink() );?>" class="blogbutton-small" title="<?php esc_attr_e( 'Read More', 'web-graphic-designer' ); ?>"><?php echo esc_html(get_theme_mod('web_graphic_designer_read_more_text',__('Read More','web-graphic-designer')));?></a>
                                    </div>
                                    <?php }?>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </article>
                    </div>
                </div>
            <?php endwhile; ?>
        </div>
    </div>
<?php endif;
wp_reset_postdata();