File: /var/www/html/wpcurated/wp-content/themes/curatedbkk/page-career.php
<?php /* Template Name: Career Page */
get_header();
?>
<section class="sub-bnr abt career-bnr">
<div class="container custom-container">
<div class="content-area">
<div class="title">Our <span> Careers</span></div>
<div class="sub-para">Are you passionate about revolutionizing mental health care?
If so, we invite you to join our team, where we are at the forefront of building a new
future by integrating psychedelic science, cutting-edge technology,
and innovative treatments.</div>
</div>
<div class="video-sec">
</div>
</div>
<div class="bnt-txt-btm">
<img src="<?php echo get_template_directory_uri(); ?>/img/career-txt.png" alt="">
</div>
</section>
<section class="career-details">
<div class="container custom-container detail-inner">
<div class="row align-items-center">
<div class="col-lg-7 content-section">
<div class="subtitle">About Us</div>
<div class="title">Transforming <span class="dark-blue">Lives Through Care</span></div>
<div class="top-title">Our Mission</div>
<div class="career-items">
<ul class="career-points">
<li><span class="txt">Promoting Mental Wellness :</span> <span>Vulputate bibendum erat morbi interdum diam sit. Eu sit dolor vel sodales sed nibh ut. Ac fringilla fames eget a aliquet. Gravida placerat viverra purus sed ac ultricies sem nulla.</span>
</li>
<li><span class="txt">Empowering Individuals :</span> <span> Vulputate bibendum erat morbi interdum diam sit. Eu sit dolor vel sodales sed nibh ut. Ac fringilla fames eget a aliquet. Gravida placerat viverra purus sed ac ultricies sem nulla..</span>
</li>
<li><span class="txt">Supporting Personal Growth : </span> <span> Vulputate bibendum erat morbi interdum diam sit. Eu sit dolor vel sodales sed nibh ut. Ac fringilla fames eget a aliquet. Gravida placerat viverra purus sed ac ultricies sem nulla.</span>
</li>
</ul>
</div>
</div>
<div class="col-lg-5 image-section">
<img src="<?php echo get_template_directory_uri(); ?>/img/Transforming_lifes.jpg" alt="career-img">
</div>
</div>
</div>
</section>
<section class="career-tab">
<div class="container custom-container ">
<div class="row career-tab-inner">
<!-- Left Section -->
<div class=" left-sec">
<div class="subtitle">About Us</div>
<div class="title">Transforming<span class="dark-blue"> Lives Through Care</span></div>
<?php $args = array('post_type' => 'career', 'posts_per_page' => -1);
$query = new WP_Query($args);
if ($query->have_posts()) : ?>
<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<?php $i = 0;
while ($query->have_posts()) : $query->the_post(); ?>
<button class="nav-link <?php echo $i === 0 ? 'active' : ''; ?>" id="tab-<?php echo get_the_ID(); ?>" data-bs-toggle="pill" data-bs-target="#content-<?php echo get_the_ID(); ?>" type="button" role="tab" aria-controls="content-<?php echo get_the_ID(); ?>" aria-selected="<?php echo $i === 0 ? 'true' : 'false'; ?>">
<span><?php the_title(); ?></span>
</button>
<?php $i++;
endwhile; ?>
<!-- <button class="nav-link" id="tab-psychiatrist" data-bs-toggle="pill" data-bs-target="#content-psychiatrist" type="button" role="tab" aria-controls="content-psychiatrist" aria-selected="false"><span class="ico"> <img src="<?php echo get_template_directory_uri(); ?>/img/lotus-ico.png" alt="lotus"></span><span>Psychiatrist</span></button>
<button class="nav-link" id="tab-social-worker" data-bs-toggle="pill" data-bs-target="#content-social-worker" type="button" role="tab" aria-controls="content-social-worker" aria-selected="false"><span class="ico"> <img src="<?php echo get_template_directory_uri(); ?>/img/lotus-ico.png" alt="lotus"></span><span>Clinical Social Worker</span></button>
<button class="nav-link" id="tab-mindfulness" data-bs-toggle="pill" data-bs-target="#content-mindfulness" type="button" role="tab" aria-controls="content-mindfulness" aria-selected="false"><span class="ico"> <img src="<?php echo get_template_directory_uri(); ?>/img/lotus-ico.png" alt="lotus"></span><span>Mindfulness Instructor</span></button> -->
</div>
</div>
<!-- Right Section -->
<div class="right-sec">
<div class="tab-content" id="v-pills-tabContent">
<?php $i = 0;
while ($query->have_posts()) : $query->the_post(); ?>
<div class="tab-pane fade <?php echo $i === 0 ? 'show active' : ''; ?>" id="content-<?php echo get_the_ID(); ?>" role="tabpanel" aria-labelledby="tab-<?php echo get_the_ID(); ?>">
<div class="card">
<!-- Card Image Section -->
<div class="card-img">
<img src="<?php echo get_template_directory_uri(); ?>/img/career-tab-img.png" alt="Career Tab Image">
</div>
<!-- Card Content Section -->
<div class="card-content d-flex flex-column">
<!-- Job Title -->
<div class="subtitle"><?php the_title(); ?></div>
<!-- Job Description -->
<div class="content" style="display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;">
<?php echo get_field('job_description'); ?>
</div>
<!-- Location and Details Section -->
<div class="btn-sec">
<div class="lt-sec d-flex">
<div class="two-sec">
<div class="ico">
<img src="<?php echo get_template_directory_uri(); ?>/img/location-ico.svg" alt="Location Icon">
</div>
<div class="txt">
<div class="tp-txt">Location</div>
<div class="btm-txt"><?php echo get_field('location'); ?></div>
</div>
</div>
<!-- Example of Additional Location or Info (If Dynamic Values Exist) -->
<div class="two-sec">
<div class="ico">
<img src="<?php echo get_template_directory_uri(); ?>/img/location-ico.svg" alt="Location Icon">
</div>
<div class="txt">
<div class="tp-txt">Department</div>
<div class="btm-txt"><?php echo get_field('job_type'); ?></div>
</div>
</div>
</div>
<!-- Apply Now Button -->
<button class="primary-btn" onclick="location.href='<?php echo get_permalink(); ?>'">
<span>Apply Now</span>
<span>
<img src="<?php echo get_template_directory_uri(); ?>/img/left-arrow1.svg" alt="Arrow Icon">
</span>
</button>
</div>
</div>
</div>
</div>
<?php $i++;
endwhile; ?>
</div>
</div>
<?php endif;
wp_reset_postdata();
?>
</div>
</div>
<div class="how-it-work career-hiw">
<div class="container custom-container">
<div class="row">
<div class="inner-sec">
<div class="left-section">
<!-- <div class="subtitle">How It Works</div> -->
<div class="title">Application Process</div>
<div class="content">
Curated provides a comprehensive Psychiatric Intake Evaluation at the first appointment, reviewing each patient’s medical and psychiatric history to recommend an appropriate treatment plan.
</div>
</div>
<div class="right-section">
<div class="two-sec">
<div class="progrss-inner">
<ul class="progress-list">
<li>01</li>
<li>02</li>
<li>03</li>
<li>04</li>
</ul>
</div>
</div>
<ul class="list-items">
<li><span>Submit Application</span> <span class="ico"><img src="<?php echo get_template_directory_uri(); ?>/img/lotus-ico.png"></span></li>
<li><span>Initial Interview </span> <span class="ico"><img src="<?php echo get_template_directory_uri(); ?>/img/lotus-ico.png"></span></li>
<li><span>In-Person Interview </span> <span class="ico"><img src="<?php echo get_template_directory_uri(); ?>/img/lotus-ico.png"></span></li>
<li><span>Job Offer</span> <span class="ico"><img src="<?php echo get_template_directory_uri(); ?>/img/lotus-ico.png"></span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<?php get_footer(); ?>