@extends('site.master')

@section('title', $page->translation->meta_title)
@section('meta_description', $page->translation->meta_description)

@section('content')

    <section class="content">
        @if(!empty($page->translation->intro))
            @include('site.partials.intro', [ 'block' => $page->translation->intro, 'buttonbar' => false ])
        @endif
        @if(isset($links->jobs))
            <section class="grid-row full-row job-overview" id="jobs">
                <div class="grid-col" id="content">
                    <div class="grid-row">
                        <h2 class="grid-col">Openstaande vacatures</h2>
                        <div class="grid-col">
                            @foreach( $jobs as $job)
                                <article>
                                    <a href="/{{$links->jobs->route}}/{{$job->translation->slug}}">
                                        <h3>{{$job->translation->name}}</h3>
                                        <div class="wrapper">
                                            <div class="image">
                                                <figure class="medium">
                                                    @if(isset($job->images[0]))
                                                        <img alt="impression" src="{{$job->images[0]->medium_image_url}}"/>
                                                    @endif
                                                </figure>
                                            </div>

                                            <div class="job-content">
                                                {!! nl2br($job->translation->meta_description) !!}
                                            </div>
                                            <div class="more">
                                            <span class="more-button-placeholder">
                                                @lang('site/global.more')
                                                <span class="arrow-down"></span>
                                            </span>
                                            </div>
                                        </div>
                                    </a>
                                </article>
                            @endforeach
                        </div>
                    </div>
                </div>
            </section>
        @endif

        <section class="job-footer">
            <div class="grid-row">
                <div class="top-triangle">@include('svg.triangle_filled')</div>
                <h2>Kom jij ons team versterken?</h2>
                <div class="buttons">
                    <a class="button phone filled" href="tel:{{ \Config::get('business.phone_call') }}">
                        Ja! Snel bellen
                    </a>
                    @if(isset($links->contact))
                        <a class="button arrow blue filled" href="/{{$links->contact->route}}">
                            Contact opnemen
                        </a>
                    @endif
                </div>
            </div>
        </section>

@endsection