<div class="grid-row discover-row">

    {{--@if(isset($page->content->home_options))--}}
        {{--<h2>{{ $page->content->home_options->translation->name }}</h2>--}}
        {{--{{ $page->content->home_options->translation->description }}--}}
    {{--@else--}}
        {{--<h2>Voeg een tekstblok toe met code_name 'home_options'</h2>--}}
        {{--<p>Titel + omschrijving + afbeeldingen voor hieronder</p>--}}
    {{--@endif--}}

    <div class="discover-block">

        {{--Item 1--}}
        <div class="discover-item-wrapper">
            <div class="discover-item item-1 button-linking" @if(isset($page->content->home_options) && isset($page->content->home_options->images[0])) style="background-image: url(' {{$page->content->home_options->images[0]->medium_image_url}}'); " @endif data-href="@lang('translations.home_option_1.link')">
            </div>
            <div class="discover-item-content"><a href="@lang('translations.home_option_1.link')">@lang('translations.home_option_1.name')</a></div>
        </div>

        {{--Item 2--}}
        <div class="discover-item-wrapper">
            <div class="discover-item item-2 button-linking" @if(isset($page->content->home_options) && isset($page->content->home_options->images[1])) style="background-image: url(' {{$page->content->home_options->images[1]->medium_image_url}}'); " @endif data-href="@lang('translations.home_option_2.link')">
            </div>
            <div class="discover-item-content"><a href="@lang('translations.home_option_2.link')">@lang('translations.home_option_2.name')</a></div>
        </div>

        {{--Item 3--}}
        <div class="discover-item-wrapper">
            <div class="discover-item item-3 button-linking" @if(isset($page->content->home_options) && isset($page->content->home_options->images[2])) style="background-image: url(' {{$page->content->home_options->images[2]->medium_image_url}}'); " @endif data-href="@lang('translations.home_option_3.link')">
            </div>
            <div class="discover-item-content"><a href="@lang('translations.home_option_3.link')">@lang('translations.home_option_3.name')</a></div>
        </div>

        {{--Item 4--}}
        <div class="discover-item-wrapper">
            <div class="discover-item item-4 button-linking" @if(isset($page->content->home_options) && isset($page->content->home_options->images[3])) style="background-image: url(' {{$page->content->home_options->images[3]->medium_image_url}}'); " @endif data-href="@lang('translations.home_option_4.link')">
            </div>
            <div class="discover-item-content"><a href="@lang('translations.home_option_4.link')">@lang('translations.home_option_4.name')</a></div>
        </div>

    </div>

</div>