<section class="brochures-overview">
    <div class="grid-row">
        <div class="overview-placeholder grid-col col-12">
            {{-- Make header and pagination if needed --}}
            <div class="overview-header grid-row full-row">
                <h4 class="grid-col col-7">{{KommaLang::get('brochureOverviewTitle')}}</h4>
            </div>

            @if(!empty($page->brochures) && count($page->brochures) > 0)
{{--                <div class="grid-row full-row articles">--}}
{{--                    --}}{{-- Loop through reference for this pagination page--}}
{{--                    @foreach($page->brochures as $key => $brochure)--}}
{{--                        @if(!empty($brochure->files->first()->path))--}}
{{--                            <article class="job">--}}
{{--                                <a href="{{$brochure->files->first()->path}}">--}}
{{--                                    <div class="content">--}}
{{--                                        <h2>{{$brochure->name}}</h2>--}}
{{--                                    </div>--}}
{{--                                </a>--}}
{{--                            </article>--}}
{{--                        @endif--}}
{{--                    @endforeach--}}
{{--                </div>--}}

                <ul class="grid-row full-row simple-list">
                    {{-- Loop through reference for this pagination page--}}
                    @foreach($page->brochures as $key => $brochure)
                        @if(!empty($brochure->files->first()->path))
                            <li class="simple-list__item">
                                <a class="simple-list__link" href="{{$brochure->files->first()->path}}">
                                    {{ $brochure->name }}
                                </a>
                            </li>
                        @endif
                    @endforeach
                </ul>

            @else
                <p>
                    Op dit moment zijn er geen brochures beschikbaar.
                </p>
            @endif
        </div>
    </div>
</section>