<?php
/*
Template Name: Шаблон страницы Вакансии
*/
?>
<?php
get_header();
$post_id = get_the_ID();
?>
<main class="page page-vacancies">
	<div class="banner container">
		<nav aria-label="Хлебные крошки">
			<ul itemscope itemtype="https://schema.org/BreadcrumbList" class="breadcrumbs desktop">
				<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
					<a itemprop="item" href="<?php echo home_url(); ?>/" class="home fa-home" title="Главная страница">
						<span itemprop="name" style='display:none;'>Главная</span>
						<svg width="21" height="16" viewBox="0 0 21 16" fill="none">
							<path d="M11.6473 10.6896H12.1473V11.1896V15.4691H16.4353C16.5143 15.4691 16.5756 15.4462 16.6432 15.3788C16.7108 15.3113 16.7333 15.2505 16.7333 15.1725V9.36976L10.0513 3.8712L3.36922 9.36976V15.1725C3.36922 15.2505 3.39178 15.3113 3.45937 15.3788C3.52698 15.4462 3.5883 15.4691 3.66723 15.4691H7.95527V11.1896V10.6896H8.45527H11.6473ZM10.3711 1.74407L18.9226 8.86174L19.5643 8.09722L16.9141 5.8987L16.7333 5.74874V5.51388V0.537319H14.5413V2.86272V3.93127L13.7209 3.2466L10.6815 0.709949C10.5114 0.572829 10.3095 0.499981 10.0513 0.499981C9.79293 0.499981 9.59094 0.572914 9.42075 0.710194L0.538196 8.09712L1.17996 8.86174L9.73142 1.74407L10.0513 1.47783L10.3711 1.74407Z" fill="white" stroke="white"/>
						</svg>
					</a>
					<meta itemprop="position" content="1">
				</li>
				<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
					<span class='last_item' itemprop="name"><?php the_title()?></span>
					<meta itemprop="position" content="2">
				</li>
			</ul>
		</nav>
		<div class="banner-wrapper">
			<div class="container">
				<div class="vacancies__banner">
					<div class="vacancies__banner-left">
						<h1 class="banner_title" >станьте преподавателем<br> в центре “декарт”</h1>
						<p class="banner_text">Приглашаем вас присоединиться к педагогической команде “Декарт”. Расскажите нам о своём профессиональном опыте и мы подберём для вас учеников</p>
						<button class="btn-resume btn-lilac desktop">отправить резюме</button>
					</div>
					<div class="vacancies__banner-right">
						<div class="banner-circle vacancies__banner-circle-1">
							<span class='main-text-color'>10 лет</span>
							<span class='main-text'>на рынке<br> образования</span>
						</div>					
						<div class="banner-circle vacancies__banner-circle-2">
							<span class='main-text-color'>1500 +</span>
							<span class='main-text'>учеников<br> подготовили к ЕГЭ</span>
						</div>					
						<div class="banner-circle vacancies__banner-circle-3">
							<span class='main-text-color'>2-5 человек</span>
							<span class='main-text'>маленькие<br> группы</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="container">
		<div class="advantages-wrapper">
			<div class="advantages__item">
				<p class="advantages__item_title">Гибкий график</p>
				<p class="advantages__item_text">Работай, как удобно тебе</p>
			</div>				
			<div class="advantages__item">
				<p class="advantages__item_title">Современное оборудование и хорошая материальная база</p>
			</div>				
			<div class="advantages__item">
				<p class="advantages__item_title">Достойные условия оплаты труда</p>
				<p class="advantages__item_text">возможность подработки</p>
			</div>				
			<div class="advantages__item">
				<p class="advantages__item_title">Поддержка от администраторов</p>
				<p class="advantages__item_text">Поможем с расписанием и учебными группами. Вам останется только преподавать!</p>
			</div>
		</div>
		
		<div class="main_content">
			<?php the_content(); ?>
		</div>
		
		<div class="accordion conteiner-text">
			<div class="buttons">
				<a href="#" class="btn-yellow-link btn-write">Связаться с нами</a>
			</div>
		<?php 
		

		$vacancies = carbon_get_post_meta( $post_id, 'vacancies' );
			foreach ($vacancies as $item) { 
				$vacancie_name = $item['vacancie_name'];
				$vacancie_link = $item['vacancie_link'];
				if ( $vacancie_link != '') $str = "<a href='$vacancie_link' style='display: block;' class='box__accordion_label'>$vacancie_name</a>"; else $str = "<div class='box__accordion_label'>$vacancie_name</div>"
			?>
			<div class="vacancie">
				<?php echo $str; ?>
			</div>
			<?php } ?>
			
		  <div class="buttons">
				<a href="#" class="btn-yellow-link btn-write">Связаться с нами</a>
		  </div>
	   </div>
	   
	</div>

	<?php get_template_part( 'template-parts/map' ); ?>
	
	<div class="modal-resume-form" style="display: none;">
		<div class="form-wrapper">
		<button class="btn-close-resume-form">
			<img class="btn-close-resume-form-img" src="<?php echo get_template_directory_uri(); ?>/assets/images/btn-close-modal.svg" alt="кнопка закрыть окно">
		</button>
		<?php echo carbon_get_theme_option('site_bitrix_vacancies'); ?>
		</div>
	</div>
	
</main>

<script>
	const modalResumeForm = document.querySelector('.modal-resume-form');
	
	document.addEventListener('click', (event) => {
		if (event.target.classList.contains("btn-resume")) {
			modalResumeForm.style="";
			return;
		}		
		if (event.target.classList.contains("btn-close-resume-form-img")) {
			modalResumeForm.style="display: none;";
			return;
		}
	});
	
</script>
<?php
get_footer();

