<?php

$id = "$block[id]";
if(!empty($block['anchor'])) {
	$id = $block['anchor'];
}

$title = get_field('title');

$has_ribbon = get_field('has_ribbon');

$ribbon_title = get_field('ribbon_title');

$payment_period = get_field('payment_period');

$monthly_symbol = get_field('monthly_symbol');

$monthly_integer = get_field('monthly_integer');

$monthly_fractional = get_field('monthly_fractional');

$monthly_symbol_prefix = get_field('monthly_symbol_prefix');

$monthly_period = get_field('monthly_period');

$pricing = get_field('pricing');

$icons = '';
while( have_rows('icons') ) {
	the_row();
	$image = get_sub_field('image');
	$icons .= "<img class=\"features-image img-fluid\" src=\"{$image}\">";
}

$has_gmail_banner = get_field('has_gmail_banner');

$gmail_banner_image_lang = (defined('ICL_LANGUAGE_CODE') && ICL_LANGUAGE_CODE === 'fr') ? 'fr' : 'en';
$gmail_banner_image = get_stylesheet_directory_uri() . '/includes/acf-blocks/bw-desktop-pricing/gmail-extension-banner-' . $gmail_banner_image_lang . '.svg';

$has_footer = get_field('has_footer');

$footer_title = get_field('footer_title');

$footer_lines = '';
while( have_rows('footer_lines') ) {
	the_row();
	$line = get_sub_field('line');
	$footer_lines .= "<p>{$line}</p>";
}

$footer_image = get_field('footer_image');

$button_text = get_field('button_text');

$button_link = get_field('button_link');

?>
<div class="bw-desktop-pricing-block">
	<a class="header" target="_blank" href="<?php echo $button_link; ?>">
		<?php if ( $has_ribbon ) : ?>
			<div class="extension-ribbon">
				<?php echo $ribbon_title; ?>
			</div>
		<?php endif; ?>
		<?php echo $title; ?>
	</a>
	<div class="price">
		<p class="period"><?php echo $payment_period; ?></p>
		<div class="per-month">
			<?php if ( $monthly_symbol_prefix ) : ?>
				<div class="sign before"><?php echo $monthly_symbol; ?></div>
			<?php endif; ?>
			<div class="integer"><?php echo $monthly_integer; ?></div>
			<div class="fractional-month">
				<div class="fractional"><?php echo $monthly_fractional; ?></div>
				<div class="month"><?php echo $monthly_period; ?></div>
			</div>
			<?php if ( ! $monthly_symbol_prefix ) : ?>
				<div class="sign after"><?php echo $monthly_symbol; ?></div>
			<?php endif; ?>
		</div>
		<p class="per-year"><?php echo $pricing; ?></p>
	</div>
	<div class="extensions">
		<div class="extension-list">
			<?php echo $icons; ?>			
		</div>

		<?php if ( $has_gmail_banner ) : ?>
			<div class="gmail-extension-banner">
				<img src="<?php echo $gmail_banner_image; ?>" alt="New Gmail Extension" class="img-fluid">
			</div>
		<?php endif; ?>

		<?php if ( $has_footer ) : ?>
			<div class="new-extension">
				<div class="extension-info">
					<div class="bold"><?php echo $footer_title; ?></div>
					<?php echo $footer_lines; ?>
				</div>
				<img src="<?php echo $footer_image; ?>" class="img-fluid">
			</div>
		<?php endif; ?>
	</div>
	<a class="buy-now" target="_blank" href="<?php echo $button_link; ?>"><?php echo $button_text; ?></a>
</div>
