<?php
/**
 * big-3.php
 *
 * @author    BetterStudio
 * @package   BetterReviews
 * @version   1.4.6
 */

$overall_rate = better_review_overall_rate();
$type         = better_reviews_get_prop( 'type' );
$pros         = get_better_review_advantages();
$cons         = get_better_review_disadvantages();
$class        = array( 'big-3', 'clearfix' );

if ( ! $pros && ! $cons ) {
	$class[] = 'no-sec-column';
}

?>
<section <?php the_better_review_class( $class ) ?>>

	<div class="reviews-row clearfix">
		<div class="review-first-col">
			<div class="verdict clearfix">
				<div class="overall">
                <span class="rate"><?php

	                if ( $type == 'points' ) {
		                echo round( $overall_rate / 10, 1 );
	                } else {
		                echo $overall_rate;
		                echo '<span class="percentage">%</span>';
	                }

	                ?></span>
					<?php the_better_review_rating(); ?>
					<span class="verdict-title"><?php the_better_review_verdict(); ?></span>
				</div>
				<div
						class="the-content verdict-summary"><?php
					if ( $heading = get_better_review_heading() ) {
						echo '<h4 class="page-heading uppercase"><span class="h-title">', $heading, '</span></h4>';
					}

					the_better_review_summary();
					?>
				</div>
			</div>

			<?php if ( $desc = get_better_review_affiliate_desc() ) { ?>
				<section class="affiliate clearfix">
					<?php the_better_review_affiliate_btn() ?>
					<div class="affiliate-desc heading"><?php echo $desc ?></div>
				</section>
			<?php } ?>

			<div class="criteria-list">

				<ul><?php

					foreach ( get_better_review_criterias() as $criteria ) {

						$class = '';
						$css   = '';

						if ( $type == 'stars' && ! empty( $criteria['icon'] ) && ! empty( $criteria['icon']['font_code'] ) ) {

							if ( empty( $class ) ) {
								$class = 'rating-' . mt_rand( 1000, 10000 ) . '-spec';
							}

							// Custom icon of rating
							$css .= '.' . $class . ' .rating.rating.rating span:before , .' . $class . ' .rating.rating.rating:before{ content: "' . str_repeat( $criteria['icon']['font_code'], 5 ) . '"}';

							// fix for with issue
							$css .= '.' . $class . ' .rating.rating.rating{ max-width: inherit}';
						}


						if ( ! empty( $criteria['color'] ) ) {

							if ( empty( $class ) ) {
								$class = 'rating-' . mt_rand( 1000, 10000 ) . '-spec';
							}

							// color fix
							if ( $type == 'stars' ) {
								$css .= '.' . $class . ' .rating.rating.rating span:before{ color: ' . $criteria['color'] . '}';
							} else {
								$css .= '.' . $class . ' .rating.rating.rating span{ background-color: ' . $criteria['color'] . '}';
							}
						}


						?>
						<li class="clearfix <?php echo $class; ?>">
							<div class="criterion">
								<span class="title"><?php echo ! empty( $criteria['label'] ) ? $criteria['label'] : __( 'Criteria', 'better-studio' ); ?></span>
								<?php if ( $type != 'stars' ) { ?>
									<span
											class="rate"><?php echo $type !== 'points' ? round( $criteria['rate'] * 10, 1 ) . '%' : round( $criteria['rate'], 1 ); ?></span>
								<?php } ?>
							</div>
							<?php

							if ( $type === 'points' ) {
								the_better_review_rating( $criteria['rate'] * 10, $type );
							} else {
								the_better_review_rating( $criteria['rate'] * 10, $type );
							}

							// Ads css to page
							if ( ! empty( $css ) ) {
								bf_add_css( $css, FALSE, TRUE );
							}

							?>
						</li>
						<?php
					}
					?>
				</ul>
			</div>
			<?php

			if ( $description = get_better_review_summary( 'bottom' ) ) { ?>
				<div class="review-description"><?php echo $description; ?></div>
			<?php }

			?>
		</div>

		<?php


		if ( $pros || $cons ) {
			?>
			<div class="review-second-col">
				<section class="review-cons-pros clearfix">

					<?php if ( $pros ) { ?>
						<aside class="review-pros-section">

							<h5 class="heading">
								<?php

								echo bf_get_icon_tag( better_reviews_get_prop( 'advantages_icon' ) );

								the_better_review_pros_heading();

								?>
							</h5>

							<ul>
								<?php

								foreach ( $pros as $advantage ) {
									printf( '<li>%s</li>', $advantage['label'] );
								}

								?>
							</ul>
						</aside>
					<?php } ?>

					<?php if ( $cons ) { ?>
						<aside class="review-cons-section">

							<h5 class="heading">
								<?php

								echo bf_get_icon_tag( better_reviews_get_prop( 'disadvantages_icon' ) );

								the_better_review_cons_heading();

								?>
							</h5>

							<ul>
								<?php

								foreach ( $cons as $disadvantage ) {
									printf( '<li>%s</li>', $disadvantage['label'] );
								}

								?>
							</ul>
						</aside>
					<?php } ?>
				</section>
			</div>
			<?php
		}
		?>
	</div>

	<?php if ( get_better_review_readers_state() ) { ?>
		<footer class="readers-ratings clearfix">
			<aside class="ratings-results heading">
				<?php

				printf(
					Better_Reviews::get_option( 'text_readers_rating' ),
					'<span class="number">' . get_better_review_readers_average() . '</span>'
				);

				?>
			</aside>
			<aside class="rating">
			<span class="total-votes">
				<?php

				printf(
					Better_Reviews::get_option( 'text_votes' ),
					'<span class="number">' . get_better_review_readers_votes() . '</span>'
				);

				?>
			</span>

				<div class="rating rating-stars rating-type-stars" data-post-id="<?php the_ID() ?>"><span
							style="width: <?php the_better_review_readers_average() ?>;"></span></div>
			</aside>
		</footer>
	<?php } ?>
</section>