<?php
    $locations = \App\Repositories\LocationRepository::getHeroData();
?>
<section class="app-section map">
    <div class="container">
        <aside class="map__coords js-map-links">
            <?php $__currentLoopData = $locations; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $location): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <?php
                    $coords = ($location->map_coords ? explode(',', $location->map_coords) : false);
                    $class = in_array($location->id, [2, 5]) ? 'map__coords-city--left' : '';

                    if (app()->getLocale() === DEFAULT_LOCALE) {
                      $localeShowRoute = route('location.show', [$location->slug]);
                    } else {
                      $localeShowRoute = route('location.show.locale', [app()->getLocale(), $location->slug]);
                    }

                ?>
                <?php if($coords): ?>
                <a class="map__coords-city <?php echo e($class); ?>" style="--x-coord: <?php echo e($coords[0]); ?>; --y-coord:<?php echo e($coords[1]); ?>;" href="<?php echo e($localeShowRoute); ?>" data-description="<?php echo $location->description; ?>" rel="noopener">
                    <img src="<?php echo e($location->image('flag', 'flexible')); ?>" alt="map img" class="map__coords-city-img">
                    <span class="map__coords-city-marker"></span>
                    <div class="map__coords-city-inner">
                        <span class="map__coords-city-name"><?php echo e($location->title); ?></span>
                        <?php if($location->getVacancyCount() > 0): ?>
                            <div class="map__coords-city-count">
                                <span class="map__coords-city-count-text"><?php echo e($location->getVacancyCount()); ?></span>
                            </div>
                        <?php elseif($location->getVacancyCount() <= 0): ?>
                            <div class="map__coords-city-count map__coords-city-count--disable">
                                <span class="map__coords-city-count-text"><?php echo e($location->getVacancyCount()); ?></span>
                            </div>
                        <?php endif; ?>
                    </div>
                </a>
                <?php endif; ?>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
        </aside>
        <div class="app-section__inner">
            <header class="app-section__header">
                <h1><?php echo app('translator')->get('messages.Our offices'); ?></h1>
            </header>
            <div class="map__description js-map-description">

            </div>
        </div>
        <div class="map__media">
            <img src="/media/images/map_2x.png?v=2" style="width: 100%; height: 100%;" alt="world map">
        </div>
    </div>

    <script>
        var $about = $('.js-map-description');

        $('.js-map-links').on('mouseenter', 'a', function (event) {
            $about
                .hide()
                .text($(this).data('description'))
                .fadeIn();
        }).on('mouseleave', 'a', function (event) {
            $about
                .hide()
                .text('');
        });

    </script>
</section>
<?php /**PATH /var/www/quadcode-jobs/resources/views/site/blocks/map.blade.php ENDPATH**/ ?>