@php use App\Repositories\VacancyRepository; @endphp

@extends('site.layouts.app')
@section('title', 'Main')
@section('description', 'Join our team at Quadcode!')
@section('keywords', 'Quadcode')

@section('content')
    <section class="welcome welcome_home" style="--welcome-bg: url({{ asset('/files/Main_crop.jpg') }});">
        <div class="welcome__video-wrap">
            <video preload="auto" autoplay muted loop playsinline poster="{{ asset('/files/index.jpeg') }}" data-mobile="{{ asset('/files/12125124124.jpg') }}">
                <source data-src="{{ asset('/files/index.mp4') }}" type="video/mp4">
            </video>
        </div>
        <div class="container">
            <div class="welcome__inner">
                <header class="welcome__header fw-600">
                    <h1 class="fw-600">Join our team</h1>
                </header>
                @if(!empty(VacancyRepository::hasVacancies()))
                    <div class="welcome__search">
                        @include('site.partials.search_form')
                    </div>
                @endif
            </div>
            <div class="welcome__call-to-scroll welcome__call-to-scroll--mobile">
                <a href="#" class="btn-arrow btn-arrow--bottom js-scroll-trigger" aria-label="link" rel="noopener">
                    <div class="btn-arrow__arrow">
                        <span></span>
                    </div>
                </a>
            </div>
        </div>
    </section>

    @if(!empty(VacancyRepository::hasVacancies()))
        @include('site.blocks.hot_categories')
    @endif

    @include('site.blocks.team')
    @include('site.blocks.map')

@stop