<?php
    use App\Models\Vacancy;
    use App\Repositories\VacancyRepository;
?>

<section class="app-section app-section__anchor" id="hot-categories">
    <div class="container">
        <div class="app-section__inner">
            <header class="app-section__header">
                <h2>10 years of creating fintech</h2>
            </header>
            <div class="app-section__description">
                We develop trading SaaS platform, banking and internal solutions. Over 50 million traders in 150+ countries appreciate the benefits of our platform.
            </div>
            <div class="jobs">
                <div class="jobs-table">
                    <div class="jobs-table__headlines">
                        <div class="table-headline" data-column="job"><?php echo app('translator')->get('messages.Job'); ?></div>
                        <div class="table-headline" data-column="category"><?php echo app('translator')->get('messages.Department'); ?></div>
                        <div class="table-headline" data-column="commitment">Commitment</div>
                    </div>
                    <div class="jobs-table__content">
                        <?php $__currentLoopData = VacancyRepository::getVacancies()->random(5); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $vacancy): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <?php /** @var Vacancy $vacancy */ ?>
                            <div class="table-lines">
                                <div class="table-line" data-column="job">
                                    <a href="<?php echo e(url($vacancy->url)); ?>"><?php echo e($vacancy->title); ?>

                                        <div class="table-chevron">
                                            <svg width="9" height="14" viewBox="0 0 9 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M1 13L7 7L1 1" stroke="white" stroke-width="2"/>
                                            </svg>
                                        </div>
                                    </a>
                                    <?php if($vacancy->locations->isNotEmpty()): ?>
                                        <span class="job-locations"><?php echo e(join(' / ', $vacancy->locations->pluck('title')->toArray())); ?></span>
                                    <?php endif; ?>
                                </div>
                                <div class="table-line" data-column="category"><a href="<?php echo e(route('category.show', [$vacancy->category->id])); ?>"><?php echo e($vacancy->category->title); ?></a></div>
                                <div class="table-line" data-column="commitment"><a href="<?php echo e(url($vacancy->url)); ?>"><?php echo e($vacancy->commitment); ?></a></div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
                <a href="<?php echo e(route('jobs')); ?>" class="button"><?php echo app('translator')->get('messages.btn-all-jobs'); ?></a>
            </div>
        </div>
    </div>
</section>
<?php /**PATH /var/www/quadcode-jobs/resources/views/site/blocks/hot_categories.blade.php ENDPATH**/ ?>