/home/bdqbpbxa/demo-subdomains/admin-example.goodface.com.ua/wp-content/themes/example/careers.php
<?php
// Template name: Careers
get_header();
$template_directory = get_template_directory_uri();
$srcset = 'srcset="' . $template_directory . '/assets/images/lazyload.png"';
?>
<?php
// Change h1 to h2 in section after this
// $main = get_field('main');
// if ($main['title']) :
if (false) :
?>
<!-- <section class="inner-main-section" data-animate-group="list" data-offset="0">
<div class="container">
<div class="inner-main__wrapper">
<?php
if ($main['tag_text']) :
?>
<div class="bubble-tag text-3 mob-text-3" data-animate="fade" data-index="2">
<?php echo $main['tag_text']; ?>
</div>
<?php
endif;
?>
<h1 class="title-1 mob-title-1 title --red-dot" data-animate="word" data-index="1">
<?php
echo $main['title'];
?>
</h1>
<?php
$button = get_link_group_field($main['button']);
if ($button) :
?>
<a href="<?php echo $button['url']; ?>" <?php echo $button['target']; ?> class="default-button -black" data-animate="fade" data-index="2"><?php echo $button['title']; ?></a>
<?php
endif;
?>
</div>
</div>
</section> -->
<?php
// endif;
endif;
?>
<?php
$hiring_process = get_field('hiring_process');
if ($hiring_process['title']) :
?>
<section class="hiring-section" data-animate-group="list" data-offset="0.2">
<div class="container">
<div class="title-block">
<?php
if ($hiring_process['tag_text']) :
?>
<div class="bubble-tag text-3 mob-text-3" data-animate="fade" data-index="2">
<?php echo $hiring_process['tag_text']; ?>
</div>
<?php
endif;
?>
<div class="title-block__wrapper">
<h1 class="title-1 mob-title-1 --red-dot" data-animate="word" data-index="1">
<?php echo $hiring_process['title']; ?>
</h1>
<?php
if ($hiring_process['subtitle']) :
?>
<p class="text-2 mob-text-2 --light" data-animate="fade" data-index="2">
<?php echo $hiring_process['subtitle']; ?>
</p>
<?php
endif;
?>
</div>
</div>
<div class="hiring-slider">
<div class="hiring-slider__wrapper">
<?php
foreach($hiring_process['slider'] as $key=>$item) :
if ($item['slide_step_title'] && $item['slide_title'] && $item['slide_text']) :
?>
<div class="hiring-slide --accordion" data-accordion-group="hiring-process" data-animate="swim-top" data-index="<?php echo $key + 2; ?>">
<div class="hiring-slide__title-number title-3 mob-title-3 --light --accordion__open">
<div class="title">
<span class="number text-2 mob-text-2">1</span>
<?php echo $item['slide_step_title']; ?>
</div>
<span class="opener"></span>
</div>
<div class="--accordion__content-container">
<div class="--accordion__content hiring-slide__content-container">
<div class="hiring-slide__content-wrapper">
<p class="hiring-slide__title text-1 mob-text-2 --bold">
<?php echo $item['slide_title']; ?>
</p>
<p class="hiring-slide__content text-1 mob-text-1">
<?php echo $item['slide_text']; ?>
</p>
</div>
</div>
</div>
</div>
<?php
endif;
endforeach;
?>
</div>
</div>
</div>
</section>
<?php
endif;
?>
<?php
$open_positions = get_field('open_positions');
if ($open_positions['title']) :
$nothing_found_text = $open_positions['nothing_found_text'];
?>
<section class="position-section anchor-wrapper">
<span class="anchor" id="positions-list"></span>
<div class="container">
<div class="title-block" data-animate-group="list" data-offset="0.6">
<?php
if ($open_positions['tag_text']) :
?>
<div class="bubble-tag text-3 mob-text-3" data-animate="fade" data-index="2">
<?php echo $open_positions['tag_text']; ?>
</div>
<?php
endif;
?>
<div class="title-block__wrapper">
<h2 class="title -has-multiple-sup title-1 mob-title-1" data-animate="word" data-index="1">
<?php echo $open_positions['title']; ?>
</h2>
<?php
if ($open_positions['subtitle']) :
?>
<p class="text text-2 mob-text-2 --light" data-animate="fade" data-index="2">
<?php echo $open_positions['subtitle']; ?>
</p>
<?php
endif;
?>
</div>
</div>
<div class="position-wrapper" data-animate-group data-offset="0.3">
<div class="position-filter" data-animate="swim-top">
<?php
$filter_names = $open_positions['filter_names'];
$args['title'] = $filter_names['locations'];
$args['filter_type'] = 'locations';
$args['post_type'] = 'tax';
$args['index'] = 3;
get_template_part('templates/careers/filter-dropdown', null, $args);
$args['title'] = $filter_names['category'];
$args['filter_type'] = 'vacancy_cat';
$args['post_type'] = 'tax';
$args['index'] = 4;
get_template_part('templates/careers/filter-dropdown', null, $args);
$args['title'] = $filter_names['industry'];
$args['filter_type'] = 'industry';
$args['post_type'] = 'tax';
$args['index'] = 5;
get_template_part('templates/careers/filter-dropdown', null, $args);
$args['title'] = $filter_names['companies'];
$args['filter_type'] = 'companies';
$args['post_type'] = 'post';
$args['index'] = 6;
get_template_part('templates/careers/filter-dropdown', null, $args);
?>
<div class="link filter-cleaner filter-dropdown text-2 mob-text-2">
<span class="plus">
<span></span><span></span>
</span>
<?php echo $filter_names['clear_all_filters']; ?>
</div>
</div>
<div class="position-list" data-post-count="6" data-load-more-text="<?php echo $open_positions['see_more_text']; ?>" data-nothing-found="<?php echo $nothing_found_text; ?>" data-animate="swim-top">
<?php
$args['post_count'] = 6;
$args['open_positions'] = $open_positions;
$args['nothing_found'] = $nothing_found_text;
get_template_part('templates/careers/filter-result', null, $args);
?>
</div>
</div>
</div>
</section>
<?php
endif;
?>
<?php
$percs = get_field('percs');
if ($percs['title']) :
?>
<section class="percs-section">
<div class="container" data-animate-group="list" data-offset="0.19">
<div class="title-block">
<?php
if ($percs['tag_text']) :
?>
<div class="bubble-tag text-3 mob-text-3" data-animate="fade" data-index="2">
<?php echo $percs['tag_text']; ?>
</div>
<?php
endif;
?>
<div class="title-block__wrapper">
<h2 class="title-1 mob-title-1 --red-dot" data-animate="word" data-index="1">
<?php echo $percs['title']; ?>
</h2>
<?php
if ($percs['subtitle']) :
?>
<p class="text-2 mob-text-2 --light" data-animate="fade" data-index="2">
<?php echo $percs['subtitle']; ?>
</p>
<?php
endif;
?>
</div>
</div>
<?php
$full_width_img = $percs['full_width_img'];
if ($full_width_img['pc'] || $full_width_img['mobile'] && $percs['link_to_video_youtube']) :
?>
<div class="percs-wrapper">
<?php
foreach($percs['percs'] as $key=>$item) :
if ($item['text']) :
?>
<div class="perc" data-animate="swim-top" data-index="<?php echo $key + 2; ?>">
<p class="title-3 title mob-title-3">
<?php echo $item['text']; ?>
</p>
</div>
<?php
endif;
endforeach;
?>
</div>
<div class="percs-img video" data-animate="swim-top" data-offset="0.3" data-href="<?php echo parse_yturl($percs['link_to_video_youtube']); ?>">
<div class="video__preview">
<?php
if ($full_width_img['mobile'] && $full_width_img ['pc']) :
?>
<picture>
<source srcset="<?php echo $full_width_img['mobile'] ['url']; ?>" media="(max-width: 760px)">
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $full_width_img ['pc']['url']; ?>" alt="<?php echo $full_width_img ['pc']['alt']; ?>">
</picture>
<?php
elseif (($full_width_img['mobile'] && !$full_width_img ['pc']) || (!$full_width_img['mobile'] && $full_width_img ['pc'])) :
$img = $full_width_img ['pc'] ? $full_width_img ['pc'] : $full_width_img['mobile'] ;
?>
<img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $img['url']; ?>" alt="<?php echo $img['alt']; ?>">
<?php
endif;
?>
</div>
<div class="video__wrapper"></div>
</div>
<?php
endif;
?>
</div>
</section>
<?php
endif;
?>
<?php
$values = get_field('values');
if ($values['title']) :
?>
<section class="values-section --black-section">
<div class="container">
<div class="title-block" data-animate-group="list" data-offset="0.6">
<?php
if ($values['tag_text']) :
?>
<div class="bubble-tag text-3 mob-text-3" data-animate="fade" data-index="2">
<?php echo $values['tag_text']; ?>
</div>
<?php
endif;
?>
<div class="title-block__wrapper">
<h2 class="title-1 mob-title-1 --red-dot" data-animate="word" data-index="1">
<?php echo $values['title']; ?>
</h2>
<?php
if ($values['subtitle']) :
?>
<p class="text-2 mob-text-2 --light" data-animate="fade" data-index="2">
<?php echo $values['subtitle']; ?>
</p>
<?php
endif;
?>
</div>
</div>
</div>
<div class="sticky-list -other-paddings" data-animate-group="list" data-offset="0.05">
<?php
foreach($values['slider'] as $key=>$item) {
$args = [];
$args['with-title'] = true;
$args['slide'] = $item;
$args['key'] = $key;
$args['last_key'] = count($values['slider']) - 1;
get_template_part('templates/cards/values-card', null, $args);
}
?>
</div>
</section>
<?php
endif;
?>
<?php
$args = [];
$args['has-breadcrumbs'] = false;
$args['data'] = false;
get_template_part('templates/blocks/cta-section', null, $args);
?>
<?php
$talent_network = get_field('talent_network');
if ($talent_network['title']) :
?>
<section class="talent-section" data-animate-group="list" data-offset="0">
<div class="container">
<div class="talent-wrapper --border-wrapper">
<span class="--horizontal-border" data-animate="width" data-index="1"></span>
<div class="talent-wrapper__left">
<?php
if ($talent_network['tag_text']) :
?>
<div class="bubble-tag text-3 mob-text-3" data-animate="fade" data-index="2">
<?php echo $talent_network['tag_text']; ?>
</div>
<?php
endif;
?>
<h2 class="title --red-dot title-1 mob-title-1" data-animate="word" data-index="1">
<?php echo $talent_network['title']; ?>
</h2>
<?php
if ($talent_network['subtitle']) :
?>
<p class="text text-2 mob-text-2 --light" data-animate="fade" data-index="2">
<?php echo $talent_network['subtitle']; ?>
</p>
<?php
endif;
?>
</div>
<div class="talent-wrapper__right" data-animate="swim-left" data-index="3">
<div class="form -black">
<?php
echo do_shortcode('[contact-form-7 id="793"]');
get_template_part('templates/thank-window');
?>
</div>
</div>
</div>
</div>
</section>
<?php
endif;
get_template_part('templates/blocks/breadcrumbs');
?>
<?php
get_footer();
?>