<header data-scroll-section class="pSection header header--withCover" data-section-color-force="dark">
    <div class="pSection_target header_target"></div>
    <div class="header_action" data-scroll data-scroll-call="pageHeader"></div>
    <div class="container" id="top" is-anchor data-scroll data-scroll-call="detectSection" data-ui="light" data-scroll-repeat data-scroll-offset="90%, 10%">
        <div class="sectionTitle sectionTitle--light">
            <div class="sectionTitle_header">
                <div class="sectionTitle_header_content">
                    <div class="sectionTitle_header_content_title"><?php echo $pageData['title']; ?></div>
                    <div class="sectionTitle_header_content_separator"></div>
                </div>
            </div>
            <div class="sectionTitle_content"><?php echo $pageData['intro_title']; ?></div>
            <?php if ($pageData['intro_quote']): ?>
            <div class="sectionQuoteWrap">
                <div class="sectionQuote">
                    <?php svg('quote', 'sectionQuote_icon') ?>
                    <div class="sectionQuote_content"><?php echo $pageData['intro_quote']; ?></div>
                </div>
            </div>
            <?php endif; ?>
            <button type="button" class="mobileHeaderButton">
                <?php svg('arrow-bottom') ?>
            </button>
        </div>
    </div>
    <div class="header_cover">
        <?php svg('logo-p', 'header_cover_logo', 'data-scroll data-scroll-speed="3.5" data-scroll-target=".header_target"') ?>
        <div class="header_cover_background imageRender" style="<?php /*background-image: url(<?php echo $pageData['intro_cover']; ?>); */ ?>">
            <img src="<?php echo getImageUrl($pageData['intro_cover_object'], 'lazy'); ?>"
                <?php echo getImageSrcSetSizes($pageData['intro_cover_object']); ?>
                alt="<?php echo pradel_format_attr($pageData['intro_title']); ?>" class="__vhidden">
        </div>
    </div>
    <div class="header_behind imageRender" style="<?php /*background-image: url(<?php echo $pageData['intro_cover']; ?>); */ ?>">
        <img src="<?php echo getImageUrl($pageData['intro_cover_object'], 'lazy'); ?>"
            <?php echo getImageSrcSetSizes($pageData['intro_cover_object']); ?>
            alt="<?php echo pradel_format_attr($pageData['intro_title']); ?>" class="__vhidden">
    </div>
</header>

<section data-scroll-section class="pSection expertises_prestas">
    <div class="pSection_target expertises_prestas_target"></div>
    <div class="container" is-anchor data-scroll data-scroll-call="detectSection" data-ui="dark" data-scroll-repeat data-scroll-offset="90%, 10%">
        <div class="row">
            <div class="col-9 col-xs-18 hide-xs col--noPT col--noPB">
                <div class="pSection_header pSection_header--top" data-scroll data-scroll-sticky data-scroll-target=".expertises_prestas_target">
                    <div class="pSection_header_inner">
                        <div class="sectionTitle" data-scroll data-scroll-call="sectionTitle" data-scroll-offset="15%">
                            <div class="sectionTitle_header">
                                <div class="sectionTitle_header_content">
                                    <div class="sectionTitle_header_content_title"><?php echo $pageData['title']; ?></div>
                                    <div class="sectionTitle_header_content_separator"></div>
                                </div>
                            </div>
                            <div class="sectionTitle_content">
                                <div class="prestaTitle_container">
                                    <div class="prestaTitle prestaTitle--default prestaTitle--visible"><?php echo $pageData['pres_title']; ?></div>
                                    <?php $cpt = 1; foreach ($pageData['pres_list'] as $pres): ?>
                                        <div class="prestaTitle prestaTitle--item" data-pres-id="#pres-<?php echo $cpt; ?>"><?php echo $pres['title']; ?></div>
                                    <?php $cpt++; endforeach; ?>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-8 col-xs-18 col--noPT col--noPB">
                <div class="pSection_content">
                    <div class="prestaQuote sp4 firstLetter">
                        <?php svg('quote', 'prestaQuote_icon') ?>
                        <span class="firstLetter_letter"><?php echo getFirstLetter($pageData['pres_quote']); ?></span>
                        <div class="firstLetter_content"><?php echo $pageData['pres_quote']; ?></div>
                    </div>
                    <div class="prestaIntro">
                        <div class="row">
                            <div class="col-9 col-xs-18">
                                <?php echo $pageData['pres_intro_1']; ?>
                            </div>
                            <div class="col-9 col-xs-18">
                                <?php echo $pageData['pres_intro_2']; ?>
                            </div>
                        </div>
                    </div>
                    <div class="prestaList">
                        <?php $cpt = 1; foreach ($pageData['pres_list'] as $pres): ?>
                            <div class="prestaItem" data-presta="<?php echo $cpt; ?>">
                                <a href="#" data-pres-id="#pres-<?php echo $cpt; ?>"><?php echo $pres['title']; ?></a>
                            </div>
                        <?php $cpt++; endforeach; ?>
                        <div class="prestaCovers">
                            <?php $cpt = 1; foreach ($pageData['pres_list'] as $pres): ?>
                                <?php if(isset($pres['items'][0]['covers'][0])) { ?>
                                <div data-presta="<?php echo $cpt; ?>" class="prestaCover imageRender" style="<?php /*background-image: url(<?php echo getImageUrl($pres['items'][0]['covers'][0]); ?>); */ ?>">
                                    <img src="<?php echo getImageUrl($pres['items'][0]['covers'][0], 'lazy'); ?>"
                                        <?php echo getImageSrcSetSizes($pres['items'][0]['covers'][0]); ?>
                                        alt="<?php echo pradel_format_attr($pres['title']); ?>" class="__vhidden">
                                </div>
                                <?php } ?>
                            <?php $cpt++; endforeach; ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="prestaContainer" data-scroll-call="detectSection" data-ui="dark" >
        <div class="container">
            <div class="row">
                <div class="col-10 offset-8 col-xs-18 offset-xs-0">
                    <div class="pRelative">
                        <?php $cpt = 1; foreach ($pageData['pres_list'] as $pres): ?>
                        <div class="presta" id="pres-<?php echo $cpt; ?>">
                            <?php $cpt2 = 1; foreach ($pres['items'] as $item): ?>
                                <div class="presta_item <?php echo $item['type'] == '1col' ? 'presta_item--1col' : 'presta_item--2col'; ?>" data-scroll data-repeat data-scroll-call="prestaAnim" data-scroll-offset="50%,50%">
                                    <div class="row">
                                        <?php if($item['type'] == '1col'): ?>
                                            <?php if (is_array($item['covers']) && count($item['covers']) > 0): ?>
                                                <div class="col-18">
                                                    <?php $img = $item['covers'][0]; ?>
                                                    <div class="presta_cover presta_cover--landscape imageRender" style="<?php /*background-image: url(<?php echo getImageUrl($img); ?>); */ ?>">
                                                        <img src="<?php echo getImageUrl($img, 'lazy'); ?>"
                                                            <?php echo getImageSrcSetSizes($img); ?>
                                                            alt="<?php echo pradel_format_attr($item['title']); ?>" class="__vhidden">
                                                    </div>
                                                </div>
                                            <?php endif; ?>
                                            <div class="col-18">
                                                <div class="presta_content">
                                                    <div class="presta_num">
                                                        <span><?php echo $cpt2; ?></span>
                                                        <span></span>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-9 col-md-18">
                                                            <h3 class="presta_title"><?php echo $item['title']; ?></h3>
                                                        </div>
                                                        <div class="col-9 col-md-18">
                                                            <div class="presta_description">
                                                                <?php echo $item['content']; ?>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        <?php else: ?>
                                            <?php if (count($item['covers']) > 0): ?>
                                                <?php $cpt3 = 0; foreach ($item['covers'] as $img): ?>
                                                <div class="col-9 col-xs-18 <?php if ($cpt3 > 0) { echo "hide-xs"; } ?>">
                                                    <div class="presta_cover presta_cover--portrait imageRender" style="<?php /*background-image: url(<?php echo getImageUrl($img); ?>); */ ?>">
                                                        <img src="<?php echo getImageUrl($img, 'lazy'); ?>"
                                                            <?php echo getImageSrcSetSizes($img); ?>
                                                            alt="<?php echo pradel_format_attr($item['title']); ?>" class="__vhidden">
                                                    </div>
                                                </div>
                                                <?php $cpt3++; endforeach; ?>
                                            <?php endif; ?>
                                                <div class="col-18">
                                                    <div class="presta_content presta_content--2col">
                                                        <div class="presta_num">
                                                            <span><?php echo $cpt2; ?></span>
                                                            <span></span>
                                                        </div>
                                                        <h3 class="presta_title"><?php echo $item['title']; ?></h3>
                                                        <div class="presta_description">
                                                            <?php echo $item['content']; ?>
                                                        </div>
                                                    </div>
                                                </div>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            <?php $cpt2++; endforeach; ?>
                        </div>
                        <?php $cpt++; endforeach; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section data-scroll-section class="pSection expertises_cabinet">
    <div class="pSection_target expertises_cabinet_target"></div>
    <div is-anchor data-scroll data-scroll-call="detectSection" data-ui="light" data-scroll-repeat data-scroll-offset="90%, 10%">
        <div class="hp_cabinet_intro">
            <div class="container">
                <div class="row">
                    <div class="col-11 offset-7 col-md-13 offset-md-5 col-xs-18 offset-xs-0 col--noPt col--noPb">
                        <div class="hp_cabinet_quote splitQuote" data-scroll data-scroll-call="splitQuote" data-scroll-offset="40%">
                            <?php svg('quote', 'hp_cabinet_quote_icon') ?>
                            <div data-splitting="words"><?php echo $pageData['cabinet_Intro']; ?></div>
                        </div>
                        <?php if ($pageData['cabinet_IntroSource']): ?>
                            <div class="hp_cabinet_quoteSource"><?php echo $pageData['cabinet_IntroSource']; ?></div>
                        <?php endif; ?>
                        
                        <?php if ($pageData['webinarData']): ?>
                            <div class="webinarBloc">
                                <?php if ($pageData['webinar_surtitle']): ?>
                                    <h5 class="webinarBloc_surtitle"><?php echo $pageData['webinar_surtitle']; ?></h5>
                                <?php endif; ?>
                                <?php if ($pageData['webinar_title']): ?>
                                    <h4 class="webinarBloc_title"><?php echo $pageData['webinar_title']; ?></h4>
                                <?php endif; ?>
                                <?php if ($pageData['webinar_content_1'] || $pageData['webinar_content_2']): ?>
                                    <div class="webinarBloc_content">
                                        <div class="row">
                                            <div class="col-9 col-xs-18">
                                                <?php echo $pageData['webinar_content_1']; ?>
                                            </div>
                                            <div class="col-9 col-xs-18">
                                                <?php echo $pageData['webinar_content_2']; ?>
                                            </div>
                                        </div>
                                    </div>
                                <?php endif; ?>
                                <?php if ($pageData['webinar_link']): ?>
                                    <div class="webinarBloc_link">
                                        <div></div>
                                        <a class="button" href="<?php echo $pageData['webinar_link']['url']; ?>" target="<?php echo $pageData['webinar_link']['target']; ?>">
                                            <span><?php echo $pageData['webinar_link']['title']; ?></span>
                                        </a>
                                    </div>
                                <?php endif; ?>
                            </div>
                        <?php endif; ?>
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="hp_cabinet_presentation">
            <?php svg('logo-p', 'hp_cabinet_logo', 'data-scroll data-scroll-speed="-2.5" data-scroll-target=".expertises_cabinet_target"') ?>
            <div class="container">
                <div class="row row--noPadding">
                    <div class="col-11 col-md-10 col-xs-18 col--noPT col--noPB">
                        <div class="pSection_header pSection_header--fullMobile" data-scroll data-scroll-sticky data-scroll-target=".hp_cabinet_presentation">
                            <div class="pSection_header_cover">
                                <div class="carousel carousel--nb">
                                    <?php foreach ($pageData['cabinets_covers'] as $img): ?>
                                    <div class="carousel_slide">
                                        <div class="carousel_slide_cover">
                                            <div class="carousel_slide_cover_img imageRender" style="<?php /*background-image: url(<?php echo getImageUrl($img); ?>); */ ?>">
                                                <img src="<?php echo getImageUrl($img, 'lazy'); ?>"
                                                    <?php echo getImageSrcSetSizes($img); ?>
                                                    alt="<?php echo pradel_format_attr($pageData['title']); ?>" class="__vhidden">
                                            </div>
                                        </div>
                                    </div>
                                    <?php endforeach; ?>
                                </div>
                            </div>
                            <div class="pSection_header_inner">
                                <div class="sectionTitle sectionTitle--light" data-scroll data-scroll-call="sectionTitle" data-scroll-offset="15%">
                                    <?php if ($pageData['cabinet_link']): ?>
                                    <a href="<?php echo $pageData['cabinet_link']['url']; ?>" class="sectionTitle_link" aria-label="<?php echo pradel_format_attr($pageData['title']); ?>"></a>
                                    <?php endif; ?>
                                    <div class="sectionTitle_header">
                                        <div class="sectionTitle_header_content">
                                            <div class="sectionTitle_header_content_title"><?php echo $pageData['title']; ?></div>
                                            <div class="sectionTitle_header_content_separator"></div>
                                        </div>
                                        <div class="sectionTitle_header_additional"></div>
                                    </div>
                                    <div class="sectionTitle_content"><?php echo $pageData['cabinet_title']; ?></div>
                                    <div class="sectionTitle_footer">
                                        <div class="sectionTitle_footer_separator"></div>
                                        <?php if ($pageData['cabinet_link']): ?>
                                        <a href="<?php echo $pageData['cabinet_link']['url']; ?>" class="sectionTitle_footer_link"><span><?php echo $pageData['cabinet_link']['title']; ?></span></a>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-6 offset-1 col-md-7 hide-xs col--noPT col--noPB">
                        <div class="pSection_content">
                            <h3 class="st2"><?php echo $pageData['cabinet_contentTitle']; ?></h3>
                            <div class="sp4 firstLetter">
                                <span class="firstLetter_letter"><?php echo getFirstLetter($pageData['cabinet_contentIntro']); ?></span>
                                <div class="firstLetter_content"><?php echo $pageData['cabinet_contentIntro']; ?></div>
                            </div>
                            <div class="sp1">
                                <?php echo $pageData['cabinet_content']; ?>
                            </div>
                            <?php if ($pageData['cabinet_anchors']): ?>
                            <ul class="anchorsList">
                                <?php $cpt = 1; foreach ($pageData['cabinet_anchors'] as $anchor): ?>
                                    <li>
                                        <a href="<?php echo getCabinetPermalink("?section=" . $anchor['section']); ?>"><?php echo $anchor['title']; ?></a>
                                    </li>
                                <?php $cpt++; endforeach; ?>
                            </ul>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>