<?php $__env->startSection('reasons-side-content'); ?>

    <?php if(isset($page->content->reasons_row)): ?>
        <?php if($page->content->reasons_row->typeSlug == 'video-block'): ?>
            <?php echo $__env->make('layouts.partials.home.videoBlock', ['block' => $page->content->reasons_row], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
        <?php elseif($page->content->reasons_row->typeSlug == 'full-text-block'): ?>
            <div class="full-text content">
                <h4><?php echo $page->content->reasons_row->typeName; ?></h4>
                <?php echo $page->content->reasons_row->description; ?>

            </div>
        <?php elseif($page->content->reasons_row->typeSlug == 'view-block'): ?>
            <?php echo $__env->make('layouts.partials.home.'.$page->content->reasons_row->view, ['title' => $page->content->reasons_row->typeName], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
        <?php elseif($page->content->reasons_row->typeSlug == 'content-block' && 'image-slider'): ?>
            <?php echo $__env->make('layouts.partials.home.'.$page->content->reasons_row->view, array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
        <?php else: ?>
            <?php echo debug($page->content->reasons_row); ?>

        <?php endif; ?>
    <?php else: ?>
        <p>Voeg een van de volgende dynamic blok met code_name 'reasons_row' toe:<br/>
            'Video'<br/>
            'Tekstkolom'<br/>
            'Video Block'<br/>
            'View' - met view 'news'
        </p>
    <?php endif; ?>
<?php $__env->stopSection(); ?>

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

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

    <div class="header-image-wrapper">

        <div class="grid-row">

            <figure class="header-image">

                <picture>
                    <source media="(max-width: 470px)"
                            srcset="/img/home/agrimac-450.jpg">
                    <source media="(max-width: 620px)"
                            srcset="/img/home/agrimac-600.jpg">
                    <source media="(max-width: 875px)"
                            srcset="/img/home/agrimac@0,5x.jpg">
                    <source media="(max-width: 1300px)"
                            srcset="/img/home/agrimac@0,75x.jpg">
                    <img src="/img/home/agrimac.jpg"
                         alt="impression">
                </picture>

                <?php /*<figcaption>*/ ?>
                    <?php /*<span>*/ ?>
                        <?php /*<?php echo KommaLang::get('headerQuote'); ?>*/ ?>
                    <?php /*</span>*/ ?>
                <?php /*</figcaption>*/ ?>

                <a class="show-scroll internalLink" href="#reasons">
                    <span class="arrow">
                        <?php echo $__env->make('svg.arrow', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                    </span>
                </a>

            </figure>


        </div>

    </div>


    <div class="home-content-wrapper">

        <div class="grid-row">

            <div class="home-content">
                <div class="title-placeholder">
                    <p><?php echo KommaLang::get('preTitle'); ?></p>
                    <h1><?php echo $page->content->main->typeName; ?></h1>
                    <a class="button" href="<?php echo $page->content->main->link; ?>">
                        <?php echo $page->content->main->link_text; ?>

                        <span class="arrow"><?php echo $__env->make('svg.arrow', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?></span>
                    </a>
                </div>

                <div class="content">
                    <?php echo $page->content->main->description; ?>

                </div>
            </div>

        </div>

    </div>

    <div class="grid-row" style="margin-bottom: 100px;">
        <div class="dynamic-placeholder">
            <?php if(isset($page->content->dynamic) && $page->content->dynamic != '[]'): ?>
                <?php echo $__env->make('layouts.partials.dynamic.dynamicBlocks', ['dynamicContent' => $page->content->dynamic], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
            <?php endif; ?>
        </div>
    </div>

    <?php echo $__env->make('layouts.partials.home.reasonsRow', ['amountOfReasons' => 3], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

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


<?php $__env->stopSection(); ?>

<?php $__env->startSection('extra-js'); ?>
    <?php if($page->content->reasons_row->typeSlug == 'content-block' && 'image-slider'): ?>
        <script src="/js/slider.js"></script>
        <script>

            var imageSliderSetting = new SliderSetting({
                sliderId: 'image-slider',
                slideQuery: '#image-slider .placeholder figure',
                slideContentQuery: 'span',
                definedPreviousNext: false,
                dots: '#image-slider .placeholder .controllers .dots',
                autoSlider: true,
                sliderInterval: 4000
            });
            imageSliderSetting = imageSliderSetting.prepareParameters();

            var imageSlider = new Slider(imageSliderSetting);

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