%PDF-
%PDF-
Mini Shell
Mini Shell
<?php
/* Template Name: Careers Archive */
get_header();
if ( have_posts() ) {
while ( have_posts() ) {
the_post();
?>
<!-- <div class="js-headerGap"></div> -->
<section class="careers-header">
<div class="careers-image">
<?php
$join_us = get_field('join_us');
?>
<?= wp_get_attachment_image($join_us['background_image'], 'full', false, array('class' => "w-full h-full absolute top-0 left-0 object-cover")); ?>
</div>
<div class="careers-overlay"></div>
<div class="careers-content">
<div class="career-header-text">
<h2 class="">
<?= $join_us['joinus_title'] ?><br />
<?= $join_us['subtitle']; ?>
</h2>
<p><?= $join_us['joinus_message']; ?></p>
</div>
</div>
</section>
<section class="w-full">
<?php
$search = get_field('search');
function career_select($label = "", $values = array()) {
?>
<div class="w-full text-xs font-thin">
<div class="flex flex-col">
<p class="uppercase text-grey-textLight"><?= $label; ?></p>
<select name="<?= strtolower($label); ?>" id="<?= $label; ?>" class="w-full text-xs border border-grey-medium text-grey-darker px-2.5 py-2 font-thin js-customSelect">
<option value="all" selected>All</option>
<?php
foreach ($values as $value) {
echo '<option value="'. $value->term_id .'">'.$value->name .'</option>';
}
?>
</select>
</div>
</div>
<?php
}
?>
<div class="career-page-content">
<div class="left">
<div class="search-title">
<?= $search['search_title']; ?>
</div>
<form id="careerForm" action="get_careers" class="js-careerFilterForm mb-7" data-isclear="false">
<div class="flex gap-2 lg:gap-10 select-dropdowns">
<?php career_select('Department', get_terms('department')); ?>
<?php career_select('City', get_terms('city')); ?>
</div>
</form>
<div class="js-searchResults hidden">
<div class="flex text-xs justify-between mb-3">
<p>Results of your search : <span class="js-count"></span></p>
<button class="js-clearCareers underline cursor-pointer">Clear</button>
</div>
</div>
<div class="js-careerList flex flex-wrap mt-12.5 careers-list">
<?php get_careers(); ?>
</div>
<div class="js-loader hidden">
<div class="flex justify-center w-full">
<div class="w-7 flex">
<?php include(locate_template('/assets/img/loader.svg'));?>
</div>
</div>
</div>
</div>
<?php
$application = get_field('speculative_application');
?>
<div class="right">
<div class="">
<div class="">
<?= wp_get_attachment_image($application['picture'], 'full', false, array('class'=> 'w-full h-full object-cover top-0 md:relative'));?>
</div>
<div class="bg-grey-light px-5 py-8 w-full sidebar-grey">
<div>
<p class="career-cta-title"><?= $application['application_title'] ?></p>
<p class="career-cta-text"><?= $application['application_message']; ?></p>
<div class="inline-flex">
<a href="<?= get_permalink(282057); ?>" class="career-cta-button"><?= $application['cta_label'] ?></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php
}
}
get_footer();
?>
Zerion Mini Shell 1.0