@component('open._layouts.app', [
    'title' => $jobsPage->name,
    'meta' => $jobsPage->meta(),
])
    <section class="article-list">
        {{ Breadcrumbs::render('jobs') }}

        <section class="container article-list-container">
            <div class="row">
                <div class="col col-12">
                    <article class="with-corner">
                        <header>
                            <h1 class="u-mb0">{{ $jobsPage->name }}</h1>
                        </header>
                    </article>
                </div>
            </div>
            <div class="row">
                <div class="col col-3 sidebar no-margin clear-both">
                    @include('open.jobs._partials.sidebar')

                    @if($sidebarBoxFragment)
                        @include('open._fragments.sidebarBox')
                    @endif

                    @if($sidebarNewsletterBoxFragment)
                        @include('open._fragments.newsletterBox', ['newsletter' => $sidebarNewsletterBoxFragment])
                    @endif

                    @if($sidebarCTAFragment)
                        @include('open._fragments.sidebarCTA')
                    @endif
                </div>
                <div class="col col-1 placeholder"></div>
                <div class="col col-8 content" style="margin-top: 70px;">
                    @foreach($jobs as $job)
                        @if(!empty($job->name)) {{-- todo:hack to check if name is null --}}
                            @include('open.jobs._partials.listItem')
                        @endif
                    @endforeach

                    {{ $jobs->links('open._layouts._partials.pagination') }}
                </div>
            </div>
        </section>
    </section>
@endcomponent