<?php
// Template name: Methods
get_header();
$curr_lang = pll_current_language();
$template_directory = get_template_directory_uri();
$srcset = "srcset='{$template_directory}/assets/images/lazyload.png'";
?>
<main class="methods-page">
<?php
get_template_part('templates/blocks/breadcrumbs');
?>
<?php
$main = get_field('main');
?>
<section class="methods-hero">
<div class="methods-hero__wrapper" data-animate-group="list">
<div class="container">
<div class="title title-1 mob-title-1" data-animate="word">
<?php echo $main['title']; ?>
</div>
</div>
<div class="methods-hero__cards">
<?php
$cardsSetting = [
[
'x' => '-103.7%',
'y' => '-136.7%',
'rotate' => '10deg',
],
[
'x' => '-92.1%',
'y' => '-35.1%',
'rotate' => '-20deg',
],
[
'x' => '-20.9%',
'y' => '-157.4%',
'rotate' => '-5deg',
],
[
'x' => '26.6%',
'y' => '-59%',
'rotate' => '25deg',
],
[
'x' => '110.2%',
'y' => '-153.6%',
'rotate' => '-15deg',
],
[
'x' => '103.2%',
'y' => '-47.6%',
'rotate' => '5deg',
]
];
foreach ($main['cards'] as $key => $card) :
if ($card) :
?>
<div
class="methods-hero__card"
data-final-x="<?php echo $cardsSetting[$key]['x']; ?>"
data-final-y="<?php echo $cardsSetting[$key]['y']; ?>"
data-final-rotate="<?php echo $cardsSetting[$key]['rotate']; ?>"
data-animate="fade"
data-index="2"
>
<img src="<?php echo $card['url']; ?>" alt="<?php echo $card['alt']; ?>">
</div>
<?php
endif;
endforeach;
?>
</div>
</div>
</section>
<?php
$methods = get_field('methods');
?>
<section class="methods-section">
<div class="container">
<h2 class="title title-2 mob-title-2" data-animate="word">
<?php echo $methods['title']; ?>
</h2>
<div class="methods-accordions">
<?php
foreach ($methods['countries'] as $country) :
if ($country['title'] && $country['methods']) :
?>
<div class="--accordion methods-accordion --has-bg" data-accordion-group="methods"
data-animate="fade" id="<?php echo $country['country_id']; ?>">
<div class="--accordion__open --cursor-pointer">
<?php
if ($country['image']) :
?>
<img class="-lazyload" <?php echo $srcset; ?>
src="<?php echo $country['image']['url']; ?>"
alt="<?php echo $country['image']['alt']; ?>">
<?php
endif;
?>
<h5 class=" title title-5 mob-title-5">
<?php echo $country['title']; ?>
</h5>
<div class="--accordion__arrow"></div>
</div>
<div class="--accordion__content-container">
<div class="--accordion__content">
<div class="partners-list">
<?php
foreach ($country['methods'] as $item) :
?>
<div class="partner">
<div class="img">
<img class="-lazyload" <?php echo $srcset; ?>
src="<?php echo $item['image']['url']; ?>"
alt="<?php echo $item['image']['alt']; ?>">
</div>
<p class="title text-2 mob-text-3">
<?php echo $item['title']; ?>
</p>
</div>
<?php
endforeach;
?>
</div>
</div>
</div>
</div>
<?php
endif;
endforeach;
?>
</div>
</div>
</section>
<?php
get_template_part('templates/blocks/cta');
?>
<div class="modals">
<?php
get_template_part('templates/blocks/popup-email');
?>
</div>
</main>
<?php
get_footer();
?>