@extends('master')

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

@section('content')

    <div class="o-latest-journeys  o-latest-journeys--overview">
        <div class="l-contain">
            <div class="u-spacing-mb2">
                @include('components.pageTitle', [
                    'pageTitle' => 'Ontdek al onze rondreizen',
                    'modifiers' => ['small', 'align-center']
                ])
            </div>

            <div class="o-latest-journeys__cards">

                @foreach($journeys as $journey)
                    <div class="o-latest-journeys__item">
                        @include('components.journeyCard', [
                            'cardImage' => $journey->images->first()->medium_image_url ?? '/img/placeholder-card.svg',
                            'cardLabel' => $journey->translation->name,
                            'cardLink' => $links->journeys->route . '/' . $journey->translation->slug,
                            'isCardClickable' => true
                        ])
                    </div>
                @endforeach

            </div>

            @if (isset($journeys) && $journeys->hasPages())
                <div class="o-latest-journeys__pagination">
                    @include('components.pagination.list', ['paginator' => $journeys])
                </div>
            @endif

        </div>
    </div>

    <div class="l-contain u-spacing-mb6 u-spacing-mt6">
{{--        @include('components.socialsRow')--}}
    </div>

@endsection