<?php

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

$packages = array(
	'package_1' => array(),
	'package_2' => array(),
	'package_3' => array(),
	'package_4' => array(),
);
foreach ($packages as $key => &$package) {
	$group = get_field($key);
	$package['title']             = isset( $group['title'] ) ? $group['title'] : false;
	$package['color']             = isset( $group['color'] ) ? $group['color'] : false;
	$package['background_color']  = isset( $group['background_color'] ) ? $group['background_color'] : false;
	$package['row_divider_color'] = isset( $group['row_divider_color'] ) ? $group['row_divider_color'] : false;
	$package['button_url']        = isset( $group['button_url'] ) ? $group['button_url'] : false;
	$package['button_label']      = isset( $group['button_label'] ) ? $group['button_label'] : false;
	$package['image']             = isset( $group['image'] ) ? $group['image'] : false;
}
unset($package);

$rows = array();
while ( have_rows( 'rows' ) ) {
	the_row();
	$row = array();
	$row['title']       = get_sub_field( 'label' );
	$row['description'] = get_sub_field( 'description' );
	$row['url']         = get_sub_field( 'url' );

	foreach ($packages as $key => &$package) {
		$group = get_sub_field($key);
		$row[$key] = array();
		$row[$key]['type']  = isset( $group['type'] ) ? $group['type'] : false;
		$row[$key]['text']  = isset( $group['text'] ) ? $group['text'] : false;
	}
	unset($package);

	$rows[] = $row;
}

?>
<style>
	<?php foreach ( $packages as $key => $package ) : ?>
		#<?php echo $id; ?> .<?php echo $key; ?> {
			--bw-package-color: <?php echo $package['color']; ?>;
			--bw-package-background-color: <?php echo $package['background_color']; ?>;
			--bw-package-row-divider-color: <?php echo $package['row_divider_color']; ?>;
		}
	<?php endforeach; ?>
</style>
<div id="<?php echo $id; ?>" class="bw-package-compare-block">
	<div class="block-wrap">
		<div class="bw-row top-labels">
			<div class="side-label"></div>
			<?php foreach ( $packages as $key => $package ) : ?>
				<div
					class="package <?php echo $key; ?>"
					style="border-top: 4px solid var(--bw-package-color); color: var(--bw-package-color)"
				>
					<?php echo $package['title']; ?>	
				</div>
			<?php endforeach; ?>
		</div>
		<?php foreach ( $rows as $row ) : ?>
			<div class="bw-row">
				<div class="side-label">
					<?php if ( ! empty( $row['url'] ) ) : ?>
						<a target="_blank" href="<?php echo $row['url']; ?>">
					<?php endif; ?>
						<div class="row-title">
							<?php echo $row['title']; ?>
						</div>
						<div class="row-description">
							<?php echo $row['description']; ?>
						</div>
					<?php if ( ! empty( $row['url'] ) ) : ?>
						</a>
					<?php endif; ?>
				</div>
				<?php foreach ( $packages as $key => $package ) : ?>
					<div
						class="package <?php echo $key; ?>"
						style="background-color: var(--bw-package-background-color); border-top: 1px solid var(--bw-package-row-divider-color); color: var(--bw-package-color)"
					>
						<?php if ( $row[$key]['type'] == 'text' ) : ?>
							<?php echo $row[$key]['text']; ?>	
						<?php elseif ( $row[$key]['type'] == 'image' ) : ?>
							<img style="width:25px;" src="<?php echo $package['image']; ?>" alt="" />	
						<?php endif; ?>
					</div>
				<?php endforeach; ?>
			</div>
		<?php endforeach; ?>
		<div class="bw-row bw-buttons">
			<div class="side-label"></div>
			<?php foreach ( $packages as $key => $package ) : ?>
				<div class="package <?php echo $key; ?>">
					<a
						class="package-btn" target="_blank"
						href="<?php echo $package['button_url']; ?>"
					>
						<?php echo $package['button_label']; ?>
					</a>	
				</div>
			<?php endforeach; ?>
		</div>
	</div>
</div>
