hoponhopofftickets/astra-child-hoponhopoff/templates/post.php

<?php
/**
 * Single blog post — "new front/blog-post.html" with the post's own title,
 * image and content. "Review's" are the post's WordPress comments.
 */
defined( 'ABSPATH' ) || exit;
get_header();

the_post();
$hoho_post_id = get_the_ID();
$hoho_cats    = get_the_category();
$hoho_reviews = get_comments(
	array(
		'post_id' => $hoho_post_id,
		'status'  => 'approve',
		'parent'  => 0,
		'order'   => 'ASC',
	)
);
$hoho_related = get_posts(
	array(
		'post_type'           => 'post',
		'posts_per_page'      => 4,
		'post__not_in'        => array( $hoho_post_id ),
		'category__in'        => wp_list_pluck( $hoho_cats, 'term_id' ),
		'ignore_sticky_posts' => true,
	)
);
if ( count( $hoho_related ) < 4 ) {
	$hoho_related = array_merge(
		$hoho_related,
		get_posts(
			array(
				'post_type'      => 'post',
				'posts_per_page' => 4 - count( $hoho_related ),
				'post__not_in'   => array_merge( array( $hoho_post_id ), wp_list_pluck( $hoho_related, 'ID' ) ),
			)
		)
	);
}
$hoho_blog_url = hoho_blog_url();

/**
 * One review card in the design's markup.
 */
$hoho_review = function ( $comment, $classes ) use ( $hoho_post_id ) {
	$by_author = (int) $comment->user_id && (int) $comment->user_id === (int) get_post_field( 'post_author', $hoho_post_id );
	?>
	<article class="rcard <?php echo esc_attr( $classes ); ?>" id="comment-<?php echo (int) $comment->comment_ID; ?>">
		<header class="rcard__head">
			<?php echo get_avatar( $comment, 48, '', '', array( 'class' => 'rcard__avatar' ) ); ?>
			<div class="rcard__who">
				<b><?php echo esc_html( get_comment_author( $comment ) ); ?></b>
				<span><?php echo esc_html( $by_author ? __( 'Admin', 'hoponhopoff' ) : get_comment_date( 'Y/m/d', $comment ) ); ?></span>
			</div>
		</header>
		<div class="rcard__text"><?php echo wp_kses_post( wpautop( get_comment_text( $comment ) ) ); ?></div>
	</article>
	<?php
};
?>
<main id="main" class="hoho-page">
	<section class="hero hero--post">
		<div class="hero__media">
			<img class="hero__img" src="<?php echo esc_url( hoho_post_image_url( $hoho_post_id, 'full' ) ); ?>" alt="" fetchpriority="high" />
			<div class="hero__scrim" aria-hidden="true"></div>
		</div>
		<div class="container hero__content">
			<?php echo hoho_breadcrumb_html( array( array( __( 'Blog', 'hoponhopoff' ), hoho_blog_url() ) ), get_the_title() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
			<h1 class="hero__title post__title"><?php the_title(); ?></h1>
			<div class="tmeta">
				<?php if ( $hoho_cats ) : ?>
					<span class="tmeta__item"><?php echo hoho_icon( 'location', 'tmeta__icon' ); // phpcs:ignore ?><?php echo esc_html( $hoho_cats[0]->name ); ?></span>
					<span class="tmeta__rule" aria-hidden="true"></span>
				<?php endif; ?>
				<span class="tmeta__item"><?php echo hoho_icon( 'calendar', 'tmeta__icon' ); // phpcs:ignore ?><?php echo esc_html( get_the_date() ); ?></span>
				<span class="tmeta__rule" aria-hidden="true"></span>
				<span class="tmeta__item"><?php echo hoho_icon( 'person', 'tmeta__icon' ); // phpcs:ignore ?><?php
					/* translators: %s: author name. */
					echo esc_html( sprintf( __( 'from %s', 'hoponhopoff' ), get_the_author() ) );
				?></span>
			</div>
		</div>
		<?php
		if ( function_exists( 'vc_ring_badge' ) ) {
			echo vc_ring_badge( 'SCROLL DOWN · SCROLL DOWN · ', '#post', 'scroll' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
		}
		?>
	</section>

	<article class="section post" id="post">
		<div class="container">
			<div class="post__inner">
				<div class="post__body">
					<div class="hoho-prose">
						<?php the_content(); ?>
					</div>
					<hr class="post__rule" />

					<div class="share">
						<h2 class="share__title"><?php echo esc_html__( 'Share with your friends!', 'hoponhopoff' ); ?></h2>
						<div class="share__btns">
							<a class="share__btn" data-share="telegram" href="https://t.me/share/url" target="_blank" rel="noopener" aria-label="<?php echo esc_attr__( 'Share on Telegram', 'hoponhopoff' ); ?>"><?php echo hoho_icon( 'telegram', 'icon--20' ); // phpcs:ignore ?></a>
							<a class="share__btn" data-share="facebook" href="https://www.facebook.com/sharer/sharer.php" target="_blank" rel="noopener" aria-label="<?php echo esc_attr__( 'Share on Facebook', 'hoponhopoff' ); ?>"><?php echo hoho_icon( 'facebook', 'icon--20' ); // phpcs:ignore ?></a>
							<a class="share__btn" href="<?php echo esc_url( hoho_socials()['instagram'] ); ?>" target="_blank" rel="noopener" aria-label="Instagram"><?php echo hoho_icon( 'instagram', 'icon--20' ); // phpcs:ignore ?></a>
							<a class="share__btn" data-share="whatsapp" href="https://wa.me/" target="_blank" rel="noopener" aria-label="<?php echo esc_attr__( 'Share on WhatsApp', 'hoponhopoff' ); ?>"><?php echo hoho_icon( 'whatsapp', 'icon--20' ); // phpcs:ignore ?></a>
							<button class="share__btn share__btn--copy" type="button" data-copy-link><?php echo esc_html__( 'Copy page link', 'hoponhopoff' ); ?></button>
						</div>
					</div>
				</div>

				<?php if ( comments_open() || $hoho_reviews ) : ?>
					<section class="reviews" id="reviews" aria-labelledby="reviewsTitle">
						<h2 class="post__h2" id="reviewsTitle"><?php echo esc_html__( 'Review’s', 'hoponhopoff' ); ?></h2>

						<?php if ( comments_open() ) : ?>
							<form class="rform" id="reviewForm" method="post" action="<?php echo esc_url( site_url( '/wp-comments-post.php' ) ); ?>">
								<p class="rform__title"><?php echo hoho_icon( 'chat' ); // phpcs:ignore ?><?php echo esc_html__( 'Submit review', 'hoponhopoff' ); ?></p>
								<?php if ( ! is_user_logged_in() ) : ?>
									<div class="rform__row">
										<div class="field">
											<span class="field__label"><?php echo hoho_icon( 'person' ); // phpcs:ignore ?><label for="r-name"><?php echo esc_html__( 'Full Name', 'hoponhopoff' ); ?></label></span>
											<input class="rinput" id="r-name" name="author" type="text" placeholder="<?php echo esc_attr__( 'Enter full name', 'hoponhopoff' ); ?>" autocomplete="name" required />
										</div>
										<div class="field">
											<span class="field__label"><?php echo hoho_icon( 'mail' ); // phpcs:ignore ?><label for="r-email"><?php echo esc_html__( 'Email', 'hoponhopoff' ); ?></label></span>
											<input class="rinput" id="r-email" name="email" type="email" placeholder="<?php echo esc_attr__( 'Enter email', 'hoponhopoff' ); ?>" autocomplete="email" required />
										</div>
									</div>
								<?php endif; ?>
								<div class="field">
									<span class="field__label"><?php echo hoho_icon( 'chat' ); // phpcs:ignore ?><label for="r-text"><?php echo esc_html__( 'Your Review', 'hoponhopoff' ); ?></label></span>
									<textarea class="rinput rinput--area" id="r-text" name="comment" rows="4" placeholder="<?php echo esc_attr__( 'Type your review here ...', 'hoponhopoff' ); ?>" required></textarea>
								</div>
								<?php comment_id_fields( $hoho_post_id ); ?>
								<?php do_action( 'comment_form', $hoho_post_id ); ?>
								<p class="rform__status" role="status"><?php echo isset( $_GET['unapproved'] ) ? esc_html__( 'Thanks! Your review has been submitted for approval.', 'hoponhopoff' ) : ''; // phpcs:ignore WordPress.Security.NonceVerification ?></p>
								<button class="btn btn--dark rform__submit" type="submit"><?php echo esc_html__( 'Submit', 'hoponhopoff' ); ?></button>
							</form>
						<?php endif; ?>

						<?php if ( $hoho_reviews ) : ?>
							<div class="reviews__list<?php echo count( $hoho_reviews ) > 3 ? ' is-collapsed' : ''; ?>" id="reviewList">
								<?php
								foreach ( $hoho_reviews as $hoho_comment ) {
									$hoho_review( $hoho_comment, 'rcard--tint' );
									$hoho_replies = get_comments(
										array(
											'post_id' => $hoho_post_id,
											'status'  => 'approve',
											'parent'  => $hoho_comment->comment_ID,
											'order'   => 'ASC',
										)
									);
									if ( $hoho_replies ) {
										echo '<div class="replies"><span class="replies__k">' . esc_html__( 'Replies', 'hoponhopoff' ) . '</span>';
										foreach ( $hoho_replies as $i => $hoho_reply ) {
											$hoho_review( $hoho_reply, $i % 2 ? 'rcard--tint rcard--reply' : 'rcard--reply' );
										}
										echo '</div>';
									}
								}
								?>
							</div>
							<?php if ( count( $hoho_reviews ) > 3 ) : ?>
								<button class="reviews__more" type="button" id="reviewMore" aria-expanded="false" aria-controls="reviewList">
									<span><?php echo esc_html__( 'Show all reviews', 'hoponhopoff' ); ?></span>
									<?php echo hoho_icon( 'chevron' ); // phpcs:ignore ?>
								</button>
							<?php endif; ?>
						<?php endif; ?>
					</section>
				<?php endif; ?>

				<?php if ( $hoho_related ) : ?>
					<section class="related" aria-labelledby="relatedTitle">
						<div class="related__head">
							<h2 class="post__h2" id="relatedTitle"><?php echo esc_html__( 'Related Articles', 'hoponhopoff' ); ?></h2>
							<a class="btn btn--ghost btn--wide related__all" href="<?php echo esc_url( $hoho_blog_url ); ?>">
								<span><?php echo esc_html__( 'See all', 'hoponhopoff' ); ?></span>
								<?php echo hoho_icon( 'arrow-ne' ); // phpcs:ignore ?>
							</a>
						</div>
						<ul class="tgrid tgrid--related">
							<?php
							foreach ( $hoho_related as $hoho_rel ) {
								echo hoho_article_card( $hoho_rel, 'related' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
							}
							?>
						</ul>
					</section>
				<?php endif; ?>
			</div>
		</div>
	</article>
</main>
<?php
get_footer();