<?php
global $informationSectionPatternParams;

$sectionContent = '<!-- wp:group {"tagName":"section","metadata":{"categories":["miocommerce-pattern"],"patternName":"olympus/changing-the-game-ace","name":"Changing the game (Ace)"},"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"0","bottom":"0","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}},"elements":{"link":{"color":{"text":"var:preset|color|base"}}}},"backgroundColor":"primary","textColor":"base","layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull has-base-color has-primary-background-color has-text-color has-background has-link-color" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:var(--wp--preset--spacing--20);padding-bottom:0;padding-left:var(--wp--preset--spacing--20)"><!-- wp:media-text {"align":"wide","mediaPosition":"right","mediaId":' . $informationSectionPatternParams['image_id'] . ',"mediaLink":"' . $informationSectionPatternParams['image_url'] . '","mediaType":"image","mediaWidth":37,"imageFill":true,"style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"hasAnimation":true,"animationType":"fadeIn","animationDistance":50,"animationDuration":300,"animationDelay":0,"triggerPoint":30,"scrollBehavior":"playOnView"} -->
<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile is-image-fill-element orphic-motion-animation" style="padding-top:0;padding-bottom:0;grid-template-columns:auto 37%" data-animation-type="fadeIn" data-animation-distance="50" data-animation-duration="300" data-animation-delay="0" data-animation-trigger="30" data-scroll-behavior="playOnView"><div class="wp-block-media-text__content"><!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:heading -->
<h2 class="wp-block-heading">' . $informationSectionPatternParams['title'] . '</h2>
<!-- /wp:heading -->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">';

foreach ($informationSectionPatternParams['points'] as $point) {
  $sectionContent .= '<!-- wp:acf/check-emphasis {"name":"acf/check-emphasis","data":{"primary_color":"","_primary_color":"field_6780617862c8a","primary_contrast_color":"","_primary_contrast_color":"field_6780618562c8b"},"mode":"preview"} -->
<!-- wp:heading {"level":3,"placeholder":"Item title","style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"spacing":{"margin":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}},"fontSize":"large"} -->
<h3 class="wp-block-heading has-large-font-size" style="margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);font-style:normal;font-weight:600">' . $point['title'] . '</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"placeholder":"Lorem ipsum dolor sit amet naect sum nam","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<p style="margin-top:0;margin-bottom:0">' . $point['description'] . '</p>
<!-- /wp:paragraph -->
<!-- /wp:acf/check-emphasis -->';
}

$sectionContent .= '</div>
<!-- /wp:group -->

<!-- wp:spacer {"height":"40px"} -->
<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"base","textColor":"primary","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}}} -->
<div class="wp-block-button"><a href="' . $informationSectionPatternParams['contact_page_url'] . '" class="wp-block-button__link has-primary-color has-base-background-color has-text-color has-background has-link-color wp-element-button">Contact us</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:spacer {"height":"70px"} -->
<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div><figure class="wp-block-media-text__media"><img src="' . $informationSectionPatternParams['image_url'] . '" alt="" class="wp-image-' . $informationSectionPatternParams['image_id'] . ' size-full" style="object-position:50% 50%"/></figure></div>
<!-- /wp:media-text --></section>
<!-- /wp:group -->';

return $sectionContent;
