// <?php
$quotes_cat_id      = get_category_by_slug( 'quotes' )->term_id;
$categories         = get_categories( array( 'parent' => $quotes_cat_id ) );
$categories_ids     = [];
$categories_objects = [];
foreach ( $categories as $category ) {
	$categories_objects[] = $category;
}
// Get Categories IDs
foreach ( $categories_objects as $category ) {
	$categories_ids[] = $category->term_id;
}
// Get Posts
$all_posts      = new WP_Query( array(
	'category__in'   => $categories_ids,
	'post_status'    => 'publish',
	'show_option_all'     => '2',
	'posts_per_page' => - 1,
) );
$all_posts      = $all_posts->posts;
$filtered_posts = [];
foreach ( $categories_objects as $category ) {
	$posts   = [];
	$counter = 1;
	foreach ( $all_posts as $index => $post ) {
		if ( $counter > 4 ) {
			break;
		}
		$post_categories = get_the_category( $post->ID );
		$cats_ids        = [];
		foreach ( $post_categories as $cat ) {
			$cats_ids[] = $cat->term_id;
		}

		$result = in_array( $category->term_id, $cats_ids );
		if ( $result ) {
			$posts[] = $post;
			//unset( $all_posts[ $index ] );
			$counter ++;
		}
	}
	$category->posts = $posts;
} ?>

	<?php
	foreach ( $categories_objects as $category ) { ?>
        <div class="c-card">
            <p class="c-card__desc">
                <a class="c-card__name" href="<?php echo get_term_link( $category->term_id ) ?>"><?php echo $category->name; ?></a>
                <span class="c-card__name__share">- Share our beautiful quote pictures on <a href="<?php echo "https://www.facebook.com/sharer.php?u=" . get_term_link( $category->term_id ); ?>" class="highlight">Facebook</a>, <a href="<?php echo "https://twitter.com/intent/tweet?url=" . get_term_link( $category->term_id ) . "&title=" . $category->name; ?>" class="highlight">Twitter</a>, and <a href="<?php echo "https://www.linkedin.com/sharing/share-offsite/?url=" . get_term_link( $category->term_id ); ?>" class="highlight">Linkedin</a></span>
            </p>
            <div class="c-card__posts">
				<?php foreach ( $category->posts as $post ) {
				    $image_alt = get_post_meta(get_post_thumbnail_id($post->ID), '_wp_attachment_image_alt', TRUE) ? get_post_meta(get_post_thumbnail_id($post->ID), '_wp_attachment_image_alt', TRUE) : get_the_title();
				    ?>
                    <div class="c-card c-card__small">
                        <div class="c-card__main">
                            <div class="c-card__thumbnail">
                                <a aria-label="<?php echo $image_alt; ?>" title="<?php echo $image_alt; ?>" href="<?php echo get_permalink( $post->ID ) ?>">
                                    <img width="297" height="167" alt="<?php echo $image_alt; ?>" class="c-card__thumbnail__img" src="<?php echo get_the_post_thumbnail_url( $post->ID, 'card-img' ) ?>" />
                                </a>
                            </div>
                            <div class="c-card__share">
                                <div class="c-social-share">
									<?php vitathemes_share_links(); ?>
                                </div>
                            </div>
                        </div>
                    </div>
				<?php } ?>
            </div>
        </div>
		<?php
	} ?>