@extends('site.master')

@section('content')

    {{-- Intro header --}}
    <header class="main">

        {{-- Content --}}
        <div class="contained-layout">

            <div class="intro col-6 centered">

                @yield('jobTitle')

            </div>
        </div>

        @include('site.partials.headerDrips')
    </header>

    <section class="job-description contained-layout">
        <div class="col-6 centered">

            @yield('jobDescription')

        </div>
    </section>

    @yield('callToActionBlock')

    {{-- Summary --}}
    <section id="arrow-target" class="summary contained-layout">

        <div class="column-container col-12 centered">

            {{-- Summary --}}
            <section class="text-block col-6">
                <h2>Vacatures bij Komma</h2>

                @lang('site/jobs.summary.left')
            </section>

            {{-- Services--}}
            <section class="text-block col-6 top-indent">
                {{-- QnD spacer--}}
                <span class="h2-spacer">&nbsp;</span>
                @lang('site/jobs.summary.right')
            </section>

        </div>

        {{-- Image --}}
        <div class="image-holder col-10 centered">
            <img class="stretch" src="/img/komma/static/vacature.jpg" alt="Vrijdag middag borrel bij Komma" />
        </div>

    </section>

    <section class="contained-layout">
        <div class="back-to-grid-holder col-6 centered">

            <a class="back-to-grid" href="/vacatures" data-name="services">Terug naar vacatures</a>

        </div>
    </section>

@endsection