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

    <?php /*<?php if(isset($page->content->home_options)): ?>*/ ?>
        <?php /*<h2><?php echo $page->content->home_options->translation->name; ?></h2>*/ ?>
        <?php /*<?php echo $page->content->home_options->translation->description; ?>*/ ?>
    <?php /*<?php else: ?>*/ ?>
        <?php /*<h2>Voeg een tekstblok toe met code_name 'home_options'</h2>*/ ?>
        <?php /*<p>Titel + omschrijving + afbeeldingen voor hieronder</p>*/ ?>
    <?php /*<?php endif; ?>*/ ?>

    <div class="discover-block">

        <?php /*Item 1*/ ?>
        <div class="discover-item-wrapper">
            <div class="discover-item item-1 button-linking" <?php if(isset($page->content->home_options) && isset($page->content->home_options->images[0])): ?> style="background-image: url(' <?php echo $page->content->home_options->images[0]->medium_image_url; ?>'); " <?php endif; ?> data-href="<?php echo \Illuminate\Support\Facades\Lang::get('translations.home_option_1.link'); ?>">
            </div>
            <div class="discover-item-content"><a href="<?php echo \Illuminate\Support\Facades\Lang::get('translations.home_option_1.link'); ?>"><?php echo \Illuminate\Support\Facades\Lang::get('translations.home_option_1.name'); ?></a></div>
        </div>

        <?php /*Item 2*/ ?>
        <div class="discover-item-wrapper">
            <div class="discover-item item-2 button-linking" <?php if(isset($page->content->home_options) && isset($page->content->home_options->images[1])): ?> style="background-image: url(' <?php echo $page->content->home_options->images[1]->medium_image_url; ?>'); " <?php endif; ?> data-href="<?php echo \Illuminate\Support\Facades\Lang::get('translations.home_option_2.link'); ?>">
            </div>
            <div class="discover-item-content"><a href="<?php echo \Illuminate\Support\Facades\Lang::get('translations.home_option_2.link'); ?>"><?php echo \Illuminate\Support\Facades\Lang::get('translations.home_option_2.name'); ?></a></div>
        </div>

        <?php /*Item 3*/ ?>
        <div class="discover-item-wrapper">
            <div class="discover-item item-3 button-linking" <?php if(isset($page->content->home_options) && isset($page->content->home_options->images[2])): ?> style="background-image: url(' <?php echo $page->content->home_options->images[2]->medium_image_url; ?>'); " <?php endif; ?> data-href="<?php echo \Illuminate\Support\Facades\Lang::get('translations.home_option_3.link'); ?>">
            </div>
            <div class="discover-item-content"><a href="<?php echo \Illuminate\Support\Facades\Lang::get('translations.home_option_3.link'); ?>"><?php echo \Illuminate\Support\Facades\Lang::get('translations.home_option_3.name'); ?></a></div>
        </div>

        <?php /*Item 4*/ ?>
        <div class="discover-item-wrapper">
            <div class="discover-item item-4 button-linking" <?php if(isset($page->content->home_options) && isset($page->content->home_options->images[3])): ?> style="background-image: url(' <?php echo $page->content->home_options->images[3]->medium_image_url; ?>'); " <?php endif; ?> data-href="<?php echo \Illuminate\Support\Facades\Lang::get('translations.home_option_4.link'); ?>">
            </div>
            <div class="discover-item-content"><a href="<?php echo \Illuminate\Support\Facades\Lang::get('translations.home_option_4.link'); ?>"><?php echo \Illuminate\Support\Facades\Lang::get('translations.home_option_4.name'); ?></a></div>
        </div>

    </div>

</div>