<?php
global $informationSectionPatternParams;

$sectionContent = '<!-- wp:group {"tagName":"section","metadata":{"categories":["miocommerce-pattern"],"patternName":"olympus/changing-the-game-triumph","name":"Changing the game (Triumph)"},"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}}},"layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--20)"><!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center">' . $informationSectionPatternParams['title'] . '</h2>
<!-- /wp:heading -->

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

<!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"40%","hasAnimation":true,"animationType":"fadeInLeft","animationDistance":50,"animationDuration":300,"animationDelay":0,"triggerPoint":30,"scrollBehavior":"playOnView"} -->
<div class="wp-block-column is-vertically-aligned-center orphic-motion-animation" style="flex-basis:40%" data-animation-type="fadeInLeft" data-animation-distance="50" data-animation-duration="300" data-animation-delay="0" data-animation-trigger="30" data-scroll-behavior="playOnView"><!-- wp:image {"id":147,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"8px"}}} -->
<figure class="wp-block-image size-large has-custom-border"><img src="' . $informationSectionPatternParams['image_url'] . '" alt="" class="wp-image-' . $informationSectionPatternParams['image_id'] . '" style="border-radius:8px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"60%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:60%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"},"hasAnimation":true,"animationType":"fadeInRight","animationDistance":50,"animationDuration":300,"animationDelay":0,"triggerPoint":30,"scrollBehavior":"playOnView"} -->
<div class="wp-block-group orphic-motion-animation" data-animation-type="fadeInRight" data-animation-distance="50" data-animation-duration="300" data-animation-delay="0" data-animation-trigger="30" data-scroll-behavior="playOnView">';

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 --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<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 --></section>
<!-- /wp:group -->';

return $sectionContent;
