File: /home/fliyingp/public_html/wp-content/themes/ocean-theme/single-vacancy.php
<?php
function enqueue_vacancy_files() {
wp_enqueue_style('vacancy-style', get_template_directory_uri() . '/vacancy.css', array(), null, 'all');
wp_enqueue_style('top-title-style', get_template_directory_uri() . '/template-parts/blocks/top-title/style.css', array(), null, 'all');
wp_enqueue_style('consultation-style', get_template_directory_uri() . '/template-parts/blocks/consultation/style.css', array(), null, 'all');
wp_enqueue_script('consultation-js', get_template_directory_uri() . '/template-parts/blocks/consultation/script.js', array(), null, true);
};
add_action('wp_enqueue_scripts', 'enqueue_vacancy_files');
?>
<?php get_header(); ?>
<div class="reveal-wrapper">
<main class="reveal-content">
<section class='breadcrumbs-section'>
<div class='container'>
<div class='breadcrumbs-section__content' style='padding-top: 36px;'>
<div class='ocean-breadcrumbs'>
<a class='ocean-breadcrumbs__link' href="#" data-go-back>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.69594 12.0396L2.65234 7.99995L6.70706 3.94922L7.55778 4.79475L4.96151 7.39367H13.3606V8.60067H4.96151L7.54666 11.1858L6.69594 12.0396Z" fill="white"/>
</svg>
</a>
<div class='ocean-breadcrumbs__list'>
<a href='/'>
головна
</a>
<span class="separator">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.13392 12.0394L10.1847 7.98871L6.13392 3.93799L5.2832 4.79982L8.47209 7.98871L5.2832 11.1776L6.13392 12.0394Z" fill="#F0F2F5"/>
</svg>
</span>
<a href='/vacancies/'>
вакансії
</a>
<span class="separator current">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.13392 12.0394L10.1847 7.98871L6.13392 3.93799L5.2832 4.79982L8.47209 7.98871L5.2832 11.1776L6.13392 12.0394Z" fill="#F0F2F5"/>
</svg>
</span>
<span class="current">
<?php the_title(); ?>
</span>
</div>
</div>
</div>
</div>
</section>
<section class='top-title'>
<div class='container'>
<div class='top-title__content'>
<div class='top-title__left'>
<div class='top-title__mini-title mini-title'>
<div class='circle'></div>
<h2>вакансія</h2>
</div>
</div>
<div class='top-title__right'>
<div class='top-title__main-text'>
<?php echo the_title(); ?>
</div>
</div>
</div>
</div>
</section>
<section class='vacancy-single-page'>
<div class='container'>
<div class='vacancy-single-page__container'>
<img src='<?php echo get_the_post_thumbnail_url(get_the_ID(), "full"); ?>' alt='<?php the_title_attribute(); ?>'>
<div class='vacancy-single-page__info'>
<p><?php echo the_title(); ?></p>
<?php if (have_rows('requirments')) : ?>
<div class='vacancy-single-page__requirments-list'>
<p class='vacancy-single-page__small-title'>Вимоги</p>
<?php while (have_rows('requirments')) : the_row(); ?>
<p class='vacancy-single-page__requirments-item'><?php echo get_sub_field('text') ?></p>
<?php endwhile; ?>
</div>
<?php endif; ?>
<?php if (have_rows('responsibilities')) : ?>
<div class='vacancy-single-page__requirments-list'>
<p class='vacancy-single-page__small-title'>Обов’язки</p>
<?php while (have_rows('responsibilities')) : the_row(); ?>
<p class='vacancy-single-page__requirments-item'><?php echo get_sub_field('text') ?></p>
<?php endwhile; ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
</section>
<section class='consultation vacancy'>
<div class='container'>
<div class='consultation__content'>
<div class='consultation__head'>
<div class='consultation__mini-title mini-title'>
<div class='circle'></div>
<h2>контакти</h2>
</div>
<div class='consultation__title'>
<p>заповнити <strong>анкету</strong></p>
</div>
</div>
<div class='consultation__body'>
<div class='consultation__contacts'>
<div class='consultation__top-part'>
<?php if (have_rows('phone_numbers', 'options')) : ?>
<div class='consultation__phone'>
<?php while (have_rows('phone_numbers', 'options')) : the_row(); ?>
<a href='tel:<?php echo get_sub_field('number') ?>' class='consultation__phone-link'><?php echo get_sub_field('number') ?></a>
<?php break; ?>
<?php endwhile; ?>
</div>
<?php endif; ?>
<div class='consultation__messengers-list'>
<?php if (get_field('telegram_link', 'options')) : ?>
<a href='<?php echo get_field('telegram_link', 'options') ?>'>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4124 8.78394L13.4644 8.83557C13.9671 9.36215 13.9745 10.1916 13.4812 10.7271L13.4303 10.7794L10.4596 13.6853L9.67297 12.8811L12.2833 10.3275H3.3573C2.13955 10.3274 1.1524 9.34031 1.15234 8.12256V4.51941C1.15244 3.30169 2.13958 2.31454 3.3573 2.31445H5.78198V3.43945H3.3573C2.7609 3.43954 2.27744 3.92301 2.27734 4.51941V8.12256C2.2774 8.719 2.76087 9.20242 3.3573 9.20251H12.2167L9.67993 6.80859L10.4523 5.99048L13.4124 8.78394Z" fill="#001C36"/>
</svg>
<p>Telegram</p>
</a>
<?php endif; ?>
<?php if (get_field('viber_link', 'options')) : ?>
<a href='<?php echo get_field('viber_link', 'options') ?>'>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4124 8.78394L13.4644 8.83557C13.9671 9.36215 13.9745 10.1916 13.4812 10.7271L13.4303 10.7794L10.4596 13.6853L9.67297 12.8811L12.2833 10.3275H3.3573C2.13955 10.3274 1.1524 9.34031 1.15234 8.12256V4.51941C1.15244 3.30169 2.13958 2.31454 3.3573 2.31445H5.78198V3.43945H3.3573C2.7609 3.43954 2.27744 3.92301 2.27734 4.51941V8.12256C2.2774 8.719 2.76087 9.20242 3.3573 9.20251H12.2167L9.67993 6.80859L10.4523 5.99048L13.4124 8.78394Z" fill="#001C36"/>
</svg>
<p>Viber</p>
</a>
<?php endif; ?>
<?php if (get_field('whatsapp_link', 'options')) : ?>
<a href='<?php echo get_field('whatsapp_link', 'options') ?>'>
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4124 8.78394L13.4644 8.83557C13.9671 9.36215 13.9745 10.1916 13.4812 10.7271L13.4303 10.7794L10.4596 13.6853L9.67297 12.8811L12.2833 10.3275H3.3573C2.13955 10.3274 1.1524 9.34031 1.15234 8.12256V4.51941C1.15244 3.30169 2.13958 2.31454 3.3573 2.31445H5.78198V3.43945H3.3573C2.7609 3.43954 2.27744 3.92301 2.27734 4.51941V8.12256C2.2774 8.719 2.76087 9.20242 3.3573 9.20251H12.2167L9.67993 6.80859L10.4523 5.99048L13.4124 8.78394Z" fill="#001C36"/>
</svg>
<p>WhatsApp</p>
</a>
<?php endif; ?>
</div>
</div>
<a class='consultation__footer' href='/contacts/'>
<img src='<?php echo site_url() ?>/wp-content/uploads/2025/06/13.jpeg' class='consultation__footer-img'>
<p class='consultation__footer-title'>Контакти</p>
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.4617 13.7545L21.5449 13.8371C22.3493 14.6796 22.3612 16.0067 21.5719 16.8635L21.4904 16.9473L16.7373 21.5967L15.4787 20.31L19.6553 16.2242H5.37363C3.42524 16.2241 1.84579 14.6447 1.8457 12.6963V6.93125C1.84585 4.98289 3.42527 3.40347 5.37363 3.40332H9.25313V5.20332H5.37363C4.41939 5.20347 3.64585 5.97701 3.6457 6.93125V12.6963C3.64579 13.6506 4.41935 14.4241 5.37363 14.4242H19.5486L15.4898 10.5939L16.7256 9.28496L21.4617 13.7545Z" fill="#001C36"/>
</svg>
</a>
</div>
<div class='consultation__form-container'>
<?php echo do_shortcode('[contact-form-7 id="7a645c8" title="Надіслати резюме"]') ?>
</div>
</div>
</div>
</div>
</section>
<?php the_content(); ?>
</main>
<?php get_footer(); ?>