File: //var/www/quadcode-jobs/storage/framework/views/a47347eaa266b3dc1b59d953b3ab7c41f1a00c50.php
<?php
/** @var Location $office */
use App\Models\Location;
?>
<?php $__env->startSection('title', $office->title); ?>
<?php $__env->startSection('description', $office->description); ?>
<?php $__env->startSection('app-inner', 'app-inner--overflow-hidden js-animation'); ?>
<?php $__env->startSection('head'); ?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/plugins/animation.gsap.min.js"></script>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<section class="category-page location-page" style="--category-page-bg: url(<?php echo e(asset('/files/locations/inside/' . $office->title . '.jpg')); ?>);">
<header class="category-page__header">
<div class="container">
<?php if($office->isLarnaca()): ?>
<div class="location-page__address">
<p>Spyrou Kyprianou, Eleneio Megaro 6051</p>
<div class="location-page__addressLink">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_5_436" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="18" height="18">
<rect width="18" height="18" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_5_436)">
<path
d="M9 9C9.4125 9 9.76575 8.853 10.0598 8.559C10.3533 8.2655 10.5 7.9125 10.5 7.5C10.5 7.0875 10.3533 6.73425 10.0598 6.44025C9.76575 6.14675 9.4125 6 9 6C8.5875 6 8.2345 6.14675 7.941 6.44025C7.647 6.73425 7.5 7.0875 7.5 7.5C7.5 7.9125 7.647 8.2655 7.941 8.559C8.2345 8.853 8.5875 9 9 9ZM9 14.5125C10.525 13.1125 11.6562 11.8405 12.3937 10.6965C13.1312 9.553 13.5 8.5375 13.5 7.65C13.5 6.2875 13.0655 5.17175 12.1965 4.30275C11.328 3.43425 10.2625 3 9 3C7.7375 3 6.67175 3.43425 5.80275 4.30275C4.93425 5.17175 4.5 6.2875 4.5 7.65C4.5 8.5375 4.86875 9.553 5.60625 10.6965C6.34375 11.8405 7.475 13.1125 9 14.5125ZM9 16.5C6.9875 14.7875 5.4845 13.1967 4.491 11.7277C3.497 10.2592 3 8.9 3 7.65C3 5.775 3.60325 4.28125 4.80975 3.16875C6.01575 2.05625 7.4125 1.5 9 1.5C10.5875 1.5 11.9843 2.05625 13.1903 3.16875C14.3967 4.28125 15 5.775 15 7.65C15 8.9 14.5033 10.2592 13.5098 11.7277C12.5157 13.1967 11.0125 14.7875 9 16.5Z"
fill="#5DBFE0"/>
</g>
</svg>
Show on map
<a href="https://goo.gl/maps/LuhEDEan8xFRBB6v8" target="_blank"></a>
</div>
</div>
<?php endif; ?>
<h1><?php echo e($office->title); ?><?php echo e('worldwide' === $office->title ? '' : ', ' . $office->country); ?></h1>
<?php if($office->isLarnaca()): ?>
<div class="location-page__slider slider-location">
<div class="slider-location-js">
<div class="slider-location__item">
<img data-src="<?php echo e(asset('/files/locations/inside/Lancara/1.jpg')); ?>" src="<?php echo e(asset('/files/locations/inside/Lancara/1.jpg')); ?>" alt=""/>
</div>
<div class="slider-location__item">
<img data-src="<?php echo e(asset('/files/locations/inside/Lancara/2.jpg')); ?>" src="<?php echo e(asset('/files/locations/inside/Lancara/2.jpg')); ?>" alt=""/>
</div>
<div class="slider-location__item video" data-src="jiT4F7wkT0I" data-id="video-container2">
<img data-src="<?php echo e(asset('/files/locations/inside/Lancara/5.jpg')); ?>" src="<?php echo e(asset('/files/locations/inside/Lancara/5.jpg')); ?>" alt=""/>
<div class="slider-location__play">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="18" cy="18" r="18" fill="#F1162F"/>
<path d="M25.6155 18.3462L13.6732 25.241L13.6732 11.4513L25.6155 18.3462Z" fill="white"/>
</svg>
</div>
</div>
<div class="slider-location__item">
<img data-src="<?php echo e(asset('/files/locations/inside/Lancara/3.jpg')); ?>" src="<?php echo e(asset('/files/locations/inside/Lancara/3.jpg')); ?>" alt=""/>
</div>
<div class="slider-location__item">
<img data-src="<?php echo e(asset('/files/locations/inside/Lancara/4.jpg')); ?>" src="<?php echo e(asset('/files/locations/inside/Lancara/4.jpg')); ?>" alt=""/>
</div>
</div>
<div class="slider-location-prev">
<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.8535 16L6.85351 10L12.8535 3.99999" stroke="white" stroke-width="2"/>
</svg>
</div>
<div class="slider-location-next">
<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.14648 3L11.1465 9L5.14648 15" stroke="white" stroke-width="2"/>
</svg>
</div>
</div>
<?php endif; ?>
<div class="category-page__nav">
<a href="<?php echo e(route('offices')); ?>" class="go-back" rel="noopener">Back</a>
</div>
</div>
</header>
<div class="category-page__content">
<div class="container">
<?php echo $__env->make('site.partials.vacancy_list', ['vacancies' => $office->getVacanciesList(), 'showLocation' => false], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</div>
</div>
</section>
<article class="modal modal--gallery">
<div class="modal__wrapper">
<div class="action-marker js-close-modal">
<svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="svg-inline--fa fa-times fa-w-10 fa-3x">
<path fill="currentColor"
d="M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z"
class=""></path>
</svg>
</div>
<div class="modal__inner container">
<div class="modal__content">
<div class="gallery-modal__slider"></div>
<div class="slider-arrow btn-arrow btn-arrow--left as-prev-btn">
<div class="btn-arrow__arrow">
<span></span>
</div>
</div>
<div class="slider-arrow btn-arrow as-next-btn">
<div class="btn-arrow__arrow">
<span></span>
</div>
</div>
<div class="gallery-modal__counter">
<span></span>
</div>
</div>
</div>
</div>
</article>
<script type="text/javascript">
$('.slider-location-js').slick({
slidesToShow: 5,
speed: 400,
arrows: true,
infinite: false,
prevArrow: '.slider-location-prev',
nextArrow: '.slider-location-next',
variableWidth: true,
responsive: [
{
breakpoint: 480,
settings: {
slidesToShow: 3,
}
}
]
});
document.addEventListener('keydown', (e) => {
if (e.key === 'ArrowLeft') {
$('.slider-location-js').slick('slickPrev');
} else if (e.key === 'ArrowRight') {
$('.slider-location-js').slick('slickNext');
}
})
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('site.layouts.app', ['light_menu' => false], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/quadcode-jobs/resources/views/site/office.blade.php ENDPATH**/ ?>