@php
    $videoClass = !empty($introYoutubeCode) ? 'has-video' : '';
@endphp

<div class="o-intro  {{$videoClass}}">
    <div class="o-intro__main">
        <div class="o-intro__stage">
            @if(isset($introYoutubeCode) && $introYoutubeCode != null)
                @include('components.video', [
                    'videoLink' => $introYoutubeCode,
                    'videoAutoplay' => false,
                    'videoPlayerId' => 'componentable-area-' . $loop->iteration . '-video',
                    'videoPlayerId' => 'intro-video',
                    'videoWide' => true,
                ])
            @elseif($introImage)
                <img class="o-intro__image" src="{{$introImage}}"/>
            @endif
        </div>
        <div class="o-intro__content">
            @if(isset($introTitle))
                <h1 class="o-intro__title">{{$introTitle}}</h1>
            @endif
            @if(isset($introDesc))
                <div class="o-intro__desc">
                    <p>{!! $introDesc !!}</p>
                </div>
            @endif

            @if(!empty($vacancy->translation->level))
                <span class="c-vacancy-card__property">@include('components.icons.level'){{$vacancy->translation->level}}</span>
            @endif
            @if(!empty($vacancy->translation->level))
                <span class="c-vacancy-card__property">@include('components.icons.experience') {{$vacancy->translation->experience}}</span>
            @endif
            @if(!empty($vacancy->translation->level))
                <span class="c-vacancy-card__property">@include('components.icons.salary'){{$vacancy->translation->salary}}</span>
            @endif

            @if(!empty($hasScrollButton) && $hasScrollButton)
                <a class="o-intro__scroll  js-scroll-to-target" href="#component-item-2"></a>
            @elseif($introButtonText && $introButtonLink)
                <div class="o-intro__action">
                    @include('components.button', [
                        'buttonText' => $introButtonText,
                        'buttonLink' => $introButtonLink
                    ])
                </div>
            @endif
        </div>
    </div>
</div>