<header data-scroll-section class="pSection header header--withCover">
    <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>
        <?php echo $pageData['intro_cover_object']['ID']; ?>
    </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 cabinet_numbers" data-section="numbers">
    <div class="pSection_target cabinet_numbers_target"></div>
    <div class="container" is-anchor data-scroll data-scroll-call="detectSection" data-ui="light" data-scroll-repeat data-scroll-offset="90%, 10%">
        <div class="row row--noPadding">
            <div class="col-11 col-sm-10 col--noPT col--noPB col-xs-18">
                <div class="pSection_header pSection_header--top" data-scroll data-scroll-sticky data-scroll-target=".cabinet_numbers_target">
                    <div class="pSection_header_inner" data-scroll data-scroll-call="sectionTitle" data-scroll-offset="15%">
                        <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['numbers_title']; ?></div>
                        </div>
                        <div class="sectionQuoteWrap">
                            <div class="sectionQuote sectionQuote--light">
                                <!-- <svg class="icon-quote sectionQuote_icon"><use xlink:href="#quote"></use></svg> -->
                                <div class="sectionQuote_content"><?php echo $pageData['numbers_quote']; ?></div>
                                <?php if ($pageData['numbers_link']): ?>
                                <div class="sectionQuote_link">
                                    <a href="<?php echo $pageData['numbers_link']['url']; ?>" target="<?php echo $pageData['numbers_link']['target']; ?>" class="button button--primary">
                                        <span><?php echo $pageData['numbers_link']['title']; ?></span>
                                    </a>
                                </div>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-6 col-sm-8 col-xs-18">
                <div class="pSection_content">
                    <div class="hide-xs">
                        <?php $cpt = 1; foreach ($pageData['numbers_list'] as $number): ?>
                            <div class="number" data-scroll data-scroll-call="showNumber" data-scroll-offset="50%">
                                <div class="number_pad"><?php echo str_pad($cpt, 2, '0', STR_PAD_LEFT); ?></div>
                                <div class="number_value" data-scroll data-scroll-call="counter" data-value="<?php echo $number['number']; ?>" data-scroll-offset="45%">&nbsp;</div>
                                <div class="number_content"><?php echo $number['content']; ?></div>
                            </div>
                        <?php $cpt++; endforeach; ?>
                    </div>
                    <div class="show-xs">
                        <div class="swiper-container numbersCarousel">
                            <div class="swiper-wrapper">
                            <?php $cpt = 1; foreach ($pageData['numbers_list'] as $number): ?>
                                <div class="swiper-slide">
                                    <div class="number">
                                        <div class="number_pad"><?php echo str_pad($cpt, 2, '0', STR_PAD_LEFT); ?></div>
                                        <div class="number_value"><?php echo $number['number']; ?></div>
                                        <div class="number_content"><?php echo $number['content']; ?></div>
                                    </div>
                                </div>
                            <?php $cpt++; endforeach; ?>
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div data-scroll-section class="cabinet_teamIntro hide-xs" data-section="teamIntro">
    <div class="pSection_target cabinet_teamIntro_target"></div>
    <div is-anchor data-scroll data-scroll-call="detectSection" data-ui="dark" data-scroll-repeat data-scroll-offset="90%, 10%">
        <section class="pSection">
            <div class="team_pictures" data-scroll data-scroll-sticky data-scroll-target=".cabinet_teamIntro_target">
                <?php foreach ($pageData['team_members'] as $member): ?>
                <div class="team_picture">
                    <div class="team_picture_bg imageRender" style="<?php /*background-image: url(<?php echo getImageUrl($member); ?>); */ ?>">
                        <img src="<?php echo getImageUrl($member, 'lazy'); ?>"
                            <?php echo getImageSrcSetSizes($member); ?>
                            alt="Team member" class="__vhidden">
                    </div>
                </div>
                <?php endforeach; ?>
            </div>
            
            <div class="team_pictures_trigger1" data-scroll data-scroll-repeat data-scroll-call="animateTeam"></div>
            <div class="team_pictures_trigger2" data-scroll data-scroll-repeat data-scroll-call="foldTeam"></div>

            <div class="container">
                <div class="row row--noPadding">
                    <div class="col-6 offset-12 col--noPT col--noPB">
                        <div class="pSection_content">
                            <div class="team_intro sp4">
                                <?php svg('quote', 'team_intro_icon') ?>
                                <?php echo $pageData['team_intro']; ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>

<div data-scroll-section class="cabinet_team hide-xs">
    <div class="pSection_target cabinet_team_target"></div>
    <div is-anchor data-scroll data-scroll-call="detectSection" data-ui="light" data-scroll-repeat data-scroll-offset="90%, 10%">
        <section class="pSection pSection--membersName" data-member="team"
                data-scroll data-scroll-call="updateMember" data-scroll-repeat data-scroll-offset="40%, 60%">
            <div class="container">
                <div class="row row--noPadding">
                    <div class="col-11 col-md-10 col-sm-9 col--noPT col--noPB">
                        <div class="pSection_header" data-scroll data-scroll-sticky data-scroll-target=".cabinet_team_target">
                            <div class="pSection_header_cover">
                                <?php $cpt = 1; foreach ($pageData['team_list'] as $member): ?>
                                <div class="member_picture imageRender" data-member="<?php echo $cpt; ?>" style="<?php /*background-image: url(<?php echo getImageUrl($member['cover']); ?>);*/ ?>">
                                    <img src="<?php echo getImageUrl($member['cover'], 'lazy'); ?>"
                                        <?php echo getImageSrcSetSizes($member['cover']); ?>
                                        alt="<?php echo $member['firstname']; ?>" class="__vhidden">
                                </div>
                                <?php $cpt++; endforeach; ?>
                            </div>
                            <div class="pSection_header_inner">
                                <div class="sectionTitle sectionTitle--members" data-scroll data-scroll-call="sectionTitle" data-scroll-offset="15%">
                                    <?php $cpt = 1; foreach ($pageData['team_list'] as $member): ?>
                                        <a class="sectionTitle_link member_external" href="<?php echo $member['link']['url']; ?>"
                                         target="<?php echo $member['link']['target']; ?>"
                                         data-member="<?php echo $cpt; ?>"
                                         aria-label="<?php echo pradel_format_attr($newsData['title']); ?>"></a>
                                    <?php $cpt++; endforeach; ?>
                                    <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 $cpt = 1; foreach ($pageData['team_list'] as $member): ?>
                                            <a class="member_link" data-scroll-to href="#member-<?php echo $cpt; ?>" data-member="<?php echo $cpt; ?>"><?php echo $member['firstname']; ?></a>
                                        <?php $cpt++; endforeach; ?>
                                    </div>
                                    <div class="sectionTitle_footer">
                                        <div class="sectionTitle_footer_separator"></div>
                                        <?php $cpt = 1; foreach ($pageData['team_list'] as $member): ?>
                                            <a class="sectionTitle_footer_link member_external" href="<?php echo $member['link']['url']; ?>" target="<?php echo $member['link']['target']; ?>" data-member="<?php echo $cpt; ?>">
                                                <span><?php echo $member['link']['title']; ?></span>
                                            </a>
                                        <?php $cpt++; endforeach; ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <?php $cpt = 1; foreach ($pageData['team_list'] as $member): ?>
        <section class="pSection pSection--member"
                data-scroll data-scroll-call="updateMember" data-scroll-repeat data-scroll-offset="40%, 60%"
                id="member-<?php echo $cpt; ?>" data-member="<?php echo $cpt; ?>"
                data-section="member-<?php echo $cpt; ?>">
            <div class="container">
                <div class="row row--noPadding">
                    <div class="col-6 offset-12 col-md-7 offset-md-11 col-sm-8 offset-sm-10">
                        <div class="pSection_content pRelative" data-scroll data-scroll-call="showMember" data-scroll-offset="50%">
                            <div class="memberMask"></div>
                            <div class="member_intro sp4 firstLetter">
                                <span class="firstLetter_letter"><?php echo getFirstLetter($member['intro']); ?></span>
                                <div class="firstLetter_content"><?php echo $member['intro']; ?></div>
                            </div>
                            <div class="member_description">
                                <?php echo $member['description'] ?>
                            </div>

                            <?php if ($member['news'] || $member['posts']): ?>
                            <h3 class="st3"><?php t('CABINET_INTERVENTIONS'); ?></h3>
                            <?php endif; ?>

                            <?php if ($member['news']): ?>
                                <div class="member_news">
                                <?php foreach ($member['news'] as $news): ?>
                                    <?php require("inc/newsBloc.php"); ?>
                                <?php endforeach; ?>
                                </div>
                            <?php endif; ?>

                            <?php if ($member['posts']): ?>
                                <div class="member_posts">
                                <?php foreach ($member['posts'] as $publi): ?>
                                    <?php require("inc/publiBloc.php"); ?>
                                <?php endforeach; ?>
                                </div>
                            <?php endif; ?>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <?php $cpt++; endforeach; ?>
    </div>
</div>

<section class="pSection cabinet_team cabinet_teamMobile">
    <div class="swiper-container teamMobileCarousel" data-scroll-call="detectSection" data-ui="light">
        <div class="swiper-wrapper">
            <?php $cpt = 1; foreach ($pageData['team_list'] as $member): ?>
                <div class="swiper-slide">
                    <div class="pSection_header pSection_header--fullMobile">
                        <div class="pSection_header_cover">
                            <div class="member_picture imageRender" data-member="<?php echo $cpt; ?>" style="<?php /*background-image: url(<?php echo getImageUrl($member['cover']); ?>);*/ ?>">
                                <img src="<?php echo getImageUrl($member['cover'], 'lazy'); ?>"
                                    <?php echo getImageSrcSetSizes($member['cover']); ?>
                                    alt="<?php echo pradel_format_attr($member['firstname']); ?>" class="__vhidden">
                            </div>
                        </div>
                        <div class="pSection_header_inner">
                            <div class="sectionTitle sectionTitle--light">
                                <a class="sectionTitle_link member_external" href="<?php echo $member['link']['url']; ?>" target="<?php echo $member['link']['target']; ?>" aria-label="<?php echo pradel_format_attr($pageData['title']); ?>"></a>
                                <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 "><?php echo $cpt . "/" . count($pageData['team_list']); ?></div>
                                </div>
                                <div class="sectionTitle_content">
                                    <?php echo $member['firstname']; ?>
                                </div>
                                <div class="sectionTitle_footer">
                                    <div class="sectionTitle_footer_separator"></div>
                                    <a class="sectionTitle_footer_link member_external" href="<?php echo $member['link']['url']; ?>" target="<?php echo $member['link']['target']; ?>">
                                        <span><?php echo $member['link']['title']; ?></span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            <?php $cpt++; endforeach; ?>
        </div>
        <button type="button" class="teamMobileCarousel_next">
            <?php svg('arrow-left') ?>
        </button>
    </div>
</section>

<section data-scroll-section class="pSection cabinet_publications" data-section="publications">
    <div is-anchor data-scroll data-scroll-call="detectSection" data-ui="dark" data-scroll-repeat data-scroll-offset="90%, 10%">
        <div class="container">
            <div class="row row--noPadding">
                <div class="col-12 offset-4 col-md-14 offset-md-3 col-xs-16 offset-xs-2">
                    <div class="pSection_content">
                        <div class="cabinet_publications_intro splitQuote" data-scroll data-scroll-call="splitQuote" data-scroll-offset="40%">
                            <?php svg('quote', 'cabinet_publications_intro_icon') ?>
                            <div data-splitting="words"><?php echo $pageData['posts_intro']; ?></div>
                        </div>
                        <?php if($pageData['posts_link']): ?>
                        <div class="cabinet_publications_link">
                            <a class="button button--light" href="<?php echo $pageData['posts_link']['url']; ?>" target="<?php echo $pageData['posts_link']['target']; ?>">
                                <span><?php echo $pageData['posts_link']['title']; ?></span>
                            </a>
                        </div>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
        <div class="cabinet_publiSlider">
            <div class="container">
                <div class="row">
                    <div class="col-14 offset-4 col-md-17 offset-md-1 col-xs-18 offset-xs-0">
                    <?php if ($pageData['posts_list']): ?>
                        <div class="swiper-container publiCarousel" data-scroll data-scroll-call="publicationsCabinet" data-scroll-offset="20%">
                            <div class="swiper-wrapper">
                                <?php foreach ($pageData['posts_list'] as $publi): ?>
                                    <div class="swiper-slide">
                                        <?php require("inc/publiBloc.php"); ?>
                                    </div>
                                <?php endforeach; ?>
                            </div>
                        </div>
                    <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section data-scroll-section class="pSection cabinet_honors" data-section="honors">
    <div class="pSection_target cabinet_honors_target"></div>
    <?php svg('logo-p', 'cabinet_honors_logo', 'data-scroll data-scroll-speed="-4" data-scroll-target=".cabinet_honors_target"') ?>
    <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 row--noPadding">
            <div class="col-11 col-md-10 col--noPT col--noPB col-xs-18">
                <div class="pSection_header pSection_header--top" data-scroll data-scroll-sticky data-scroll-target=".cabinet_honors_target">
                    <div class="pSection_header_inner">
                        <div class="sectionTitle" data-scroll data-scroll-call="sectionTitle" data-scroll-offset="15%">
                            <?php if ($pageData['honors_link']): ?>
                            <a href="<?php echo $pageData['honors_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>
                            <div class="sectionTitle_content"><?php echo $pageData['honors_title']; ?></div>
                            <div class="sectionTitle_footer">
                                <div class="sectionTitle_footer_separator"></div>
                                <a class="sectionTitle_footer_link" href="<?php echo $pageData['honors_link']['url']; ?>" target="<?php echo $pageData['honors_link']['target']; ?>">
                                    <span><?php echo $pageData['honors_link']['title']; ?></span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-6 col-md-7 col-sm-8 col-xs-18 col--noPT col--noPB">
                <div class="pSection_content">
                    <?php foreach ($pageData['honors_list'] as $honor): ?>
                        <div class="honor">
                            <div class="honor_quote sp4">
                                <?php svg('quote', 'sectionQuote_icon') ?>
                                <?php echo $honor['intro']; ?>
                                <div class="honor_title"><?php echo $honor['title']; ?></div>
                            </div>
                            <div class="honor_cover">
                                <img class="honor_cover_img" src="<?php echo getImageUrl($honor['cover']); ?>" alt="<?php echo $honor['title']; ?>" />
                                <img class="honor_cover_picto" src="<?php echo ASSETS . "svg/badge-" . pll_current_language() . ".svg" ?>" alt="<?php echo $honor['title']; ?>" />
                            </div>
                            <div class="honor_content">
                                <?php echo $honor['content']; ?>
                            </div>
                        </div>
                    <?php endforeach; ?>
                </div>
            </div>
        </div>
    </div>
</section>

<section data-scroll-section class="pSection cabinet_partner" data-section="partner">
    <div class="pSection_target cabinet_partner_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 row--noPadding">
            <div class="col-9 col--noPT col--noPB col-xs-18">
                <div class="pSection_header pSection_header--top">
                    <div class="pSection_header_inner" data-scroll data-scroll-call="sectionTitle" data-scroll-offset="15%">
                        <div class="sectionTitle">
                            <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['partner_title']; ?></div>
                        </div>
                        <div class="sectionQuoteWrap">
                            <div class="sectionQuote">
                                <?php svg('quote', 'sectionQuote_icon') ?>
                                <div class="sectionQuote_content"><?php echo $pageData['partner_content']; ?></div>
                                <?php if ($pageData['partner_link']): ?>
                                <div class="sectionQuote_link">
                                    <a href="<?php echo $pageData['partner_link']['url']; ?>" target="<?php echo $pageData['partner_link']['target']; ?>" class="button button--primary">
                                        <span><?php echo $pageData['partner_link']['title']; ?></span>
                                    </a>
                                </div>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-9 col-xs-18 col--noPT col--noPB col--noPB-xs pRelative">
                <div class="partnerCover">
                    <div class="partnerCover_logo" data-scroll data-scroll-speed="-1.5" data-scroll-target=".cabinet_partner_target">
                        <?php svg('logo-p') ?>
                    </div>
                    <div class="partnerCover_img imageRender" style="<?php /*background-image: url(<?php echo $pageData['partner_cover']; ?>); */ ?>">
                        <img src="<?php echo getImageUrl($pageData['partner_cover_object'], 'lazy'); ?>"
                                <?php echo getImageSrcSetSizes($pageData['partner_cover_object']); ?>
                                alt="<?php echo pradel_format_attr($pageData['partner_title']); ?>" class="__vhidden">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>