<?php $__env->startSection('editable_content'); ?>

    <div class="header-image streamer"  <?php if(isset($page->content->home_slogan) && $page->content->home_slogan->images->count() != 0): ?> style="background-image: url('<?php echo $page->content->home_slogan->images->first()->large_image_url; ?>');" <?php endif; ?>>
        <div class="content-container">
            <?php /*<?php if(isset($page->content->home_slogan)): ?>*/ ?>
                <?php /*<h1><?php echo $page->content->home_slogan->translation->name; ?></h1>*/ ?>
                <?php /*<?php echo $page->content->home_slogan->translation->description; ?>*/ ?>
            <?php /*<?php else: ?>*/ ?>
                <?php /*<h1>Voeg een tekstblok toe met<br/>code_name 'home_slogan'</h1>*/ ?>
                <?php /*<p>Titel + Omschrijving + 1 afbeelding. In de titel kan eventueel &lt;br/&gt; gezet<br/>worden om een enter te maken.*/ ?>
                <?php /*</p>*/ ?>
            <?php /*<?php endif; ?>*/ ?>
        </div>
    </div>

    <div class="intro-row">
        <div class="content-container">

            <?php /*<?php foreach($page->content as $key => $block): ?>
                <?php echo ($block->translation->description); ?><br/>
            <?php endforeach; ?>*/ ?>


            <div class="intro-block">
                <?php if(isset($page->content->home_introduction)): ?>
                    <h3><?php echo $page->content->home_introduction->translation->name; ?></h3>
                    <?php echo $page->content->home_introduction->translation->description; ?>

                <?php else: ?>
                    <h3>Voeg een tekstblok toe met code_name 'home_introduction'</h3>
                    <p>Titel + omschrijving</p>
                <?php endif; ?>
            </div>

            <div class="intro-btns">
                <?php /*<div class="btn-call button-linking" data-href="tel:<?php echo Config::get('business.phone.call'); ?>">*/ ?>
                    <?php /*<div class="icon">*/ ?>
                        <?php /*<img id="call-icon" class="svg" src="/img/icons/call_icon.svg"/>*/ ?>
                    <?php /*</div>*/ ?>
                    <?php /*<div class="seperator-10"></div>*/ ?>
                    <?php /*<span class="mobile-hide-number"><?php echo Config::get('business.phone.display'); ?></span>*/ ?>
                <?php /*</div>*/ ?>
                <div class="btn-contact button-linking" data-href="<?php echo url('contact'); ?>">
                    Contact
                    <div class="seperator-10"></div>
                    <div class="icon">
                        <img id="contact-icon" class="svg" src="/img/icons/arrow_right_icon.svg"/>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <?php if(isset($page->content->home_content_1) || isset($page->content->home_content_2)): ?>
        <div class="home-content-blocks">
            <div class="content-container">
                <div class="content-block">
                    <?php if(isset($page->content->home_content_1) && $page->content->home_content_1->active): ?>
                        <h2><?php echo $page->content->home_content_1->translation->name; ?></h2>
                        <?php echo $page->content->home_content_1->translation->description; ?>


<?php /*                        <?php if(!empty($page->content->home_content_1->translation->link) && !empty($page->content->home_content_1->translation->link_text)): ?>*/ ?>
<?php /*                            <a class="button" href="<?php echo $page->content->home_content_1->translation->link; ?>">*/ ?>
<?php /*                                <?php echo $page->content->home_content_1->translation->link_text; ?>*/ ?>
<?php /*                            </a>*/ ?>
<?php /*                        <?php endif; ?>*/ ?>
                    <?php elseif(isset($page->content->home_content_2) && $page->content->home_content_2->active): ?>
                        <h2><?php echo $page->content->home_content_2->translation->name; ?></h2>
                        <?php echo $page->content->home_content_2->translation->description; ?>


<?php /*                        <?php if(!empty($page->content->home_content_2->translation->link) && !empty($page->content->home_content_2->translation->link_text)): ?>*/ ?>
<?php /*                            <a class="button" href="<?php echo $page->content->home_content_2->translation->link; ?>">*/ ?>
<?php /*                                <?php echo $page->content->home_content_2->translation->link_text; ?>*/ ?>
<?php /*                            </a>*/ ?>
<?php /*                        <?php endif; ?>*/ ?>
                    <?php endif; ?>
                </div>

                <div class="content-block right-block <?php if(!(isset($page->content->home_content_1) && $page->content->home_content_1->active && isset($page->content->home_content_2) && $page->content->home_content_2->active)): ?> hidden-mobile <?php endif; ?>">
                    <?php if(isset($page->content->home_content_1) && $page->content->home_content_1->active && isset($page->content->home_content_2) && $page->content->home_content_2->active): ?>
                        <h2><?php echo $page->content->home_content_2->translation->name; ?></h2>
                        <?php echo $page->content->home_content_2->translation->description; ?>


<?php /*                        <?php if(!empty($page->content->home_content_2->translation->link) && !empty($page->content->home_content_2->translation->link_text)): ?>*/ ?>
<?php /*                            <a class="button" href="<?php echo $page->content->home_content_2->translation->link; ?>">*/ ?>
<?php /*                                <?php echo $page->content->home_content_2->translation->link_text; ?>*/ ?>
<?php /*                            </a>*/ ?>
<?php /*                        <?php endif; ?>*/ ?>
                    <?php else: ?>
                        <img class="placeholder" alt="Home placeholder" src="/img/home-image-placeholder.jpeg"/>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    <?php endif; ?>


    <div class="discover-row">
        <div class="content-container">

            <?php if(isset($page->content->home_options)): ?>
                <h2><?php echo $page->content->home_options->translation->name; ?></h2>
                <?php echo $page->content->home_options->translation->description; ?>

            <?php else: ?>
                <h2>Voeg een tekstblok toe met code_name 'home_options'</h2>
                <p>Titel + omschrijving + afbeeldingen voor hieronder</p>
            <?php endif; ?>

            <div class="seperator-50"></div>
            <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>

    </div>

    <?php echo $__env->make('layouts.partials.cta', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.master', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>