@extends('site.master', [ 'headerIsLight' => true ])

@section('title', $page->translation->meta_title != '' ? $page->translation->meta_title : $page->translation->name .' | '. config('site.company_name'))
@section('meta_description', $page->translation->meta_description)

@php
    $model = $model ?? $page;
    $hero_image = $model->hero->documents->first()->large_image_url ?? '/img/placeholder-hero.svg';
    $hero_active = $model->hero->active;
    $hero_title = $model->hero->title;
    $hero_description = $model->hero->description;
    $hero_buttons = $model->hero->buttons;
    $intro_alt_class = $intro_type ?? null;
@endphp

@section('content')

    <div class="o-intro">
        <div class="o-intro__header">
            @include('site.components.pageTitle')
        </div>
        <div class="o-intro__body">
            <div class="o-intro__main">
                <div class="o-jobalert">
                    <div class="o-jobalert__info">
                        @if(!$model->hero->documents->isEmpty())
                            @include('site.components.image', ['images' => $model->hero->documents, 'imageId' => 'hero-slider' ])
                        @else
                            <img class="u-placeholder-image" src="{{$hero_image}}" data-object-fit="cover"/>
                        @endif

                    </div>
                    <div class="o-jobalert__form">

                        @if(isset($send))
                            <h2 class="o-jobalert__header">@lang('site/apply.send.title')</h2>
                            <p>@lang('site/apply.send.description')</p>
                        @else
                            <h2 class="o-jobalert__header">@if(!empty($hero_title))
                                    {{$hero_title}}
                                @else
                                    @lang('site/apply.form_title')
                                @endif
                            </h2>
                            @include('site.organisms.forms.apply')
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('site.organisms.components')

    @include('site.organisms.calloutBar',[
        'connect'=> true,
    ])

@endsection