<section class="home-activities">

    <div class="grid-row">
        <h3>@lang('translations.comingActivities')</h3>

        <div class="models">
            @foreach($highlights as $key => $highlight)
                <article>
                    <a href="/{{$highlight->route}}">
                        <div class="date-block">
                            @if(isset($highlight->date) && !empty($highlight->date))
                                <div class="icon"></div>
                                <span class="day">{{$highlight->date->format('d')}}</span>
                                <span class="month">{{$highlight->date->format('m')}}</span>
                            @endif
                        </div>
                        <figure>
                            @if(isset($highlight->medium_image_url) && $highlight->medium_image_url != '')
                                <span style="background-image: url('{{$highlight->medium_image_url}}');"></span>
                            @endif
                        </figure>
                        <div class="text">

                            <h4>{{$highlight->name}}</h4>
                            <p>{{$highlight->meta_description}}</p>

                        </div>
                        <span class="button">
                                    @lang('translations.moreInfo')
                                </span>
                        <div class="overlay">
                            <span></span>
                        </div>
                    </a>
                </article>
            @endforeach
        </div>

{{--        <a class="activities-button" href="/{{$links->activities->route}}">@lang('translations.showAllActivities')</a>--}}

    </div>

</section>