@extends('layouts.app')

@section('content')
    <article class="">
        @include('partials.headers.job')

        <div class="ctn {{ $grid }} relative z-20 -mt-[120px] mb-8 md:mb-10">
            <div class="col-span-12 rounded-bl-lg rounded-tr-lg bg-white shadow lg:col-span-8">
                <div class="py-13 px-10">
                    <p>
                        <strong>{{ $title }}</strong> {{ $location ?? null ? '- ' . $location : '' }}
                    </p>
                    <hr class="bg-dash {{ $margeAround }} h-[2px] w-full border-none bg-[length:16px_2px]" />
                    @if ($intro ?? false)
                        @include('partials.components.introduction', [
                            'introduction' => $intro,
                        ])
                    @endif
                    @if ($content ?? false)
                        <div class="wysiwyg mb-10 last:mb-0">
                            {!! $content !!}
                        </div>
                    @endif
                </div>
                @if ($form ?? false)
                    @include('partials.components.form', [
                        'form' => $form,
                        'title' => $formTitle ?? null,
                        'formClass' => 'bg-[#EBEFF1]',
                    ])
                @endif
            </div>
        </div>
    </article>

    @if ($pageCta ?? false)
        @include('partials.page-cta', ['section' => $pageCta])
    @endif
@endsection