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

    <div class="header-background">

        <div class="content-container">

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

            <div class="base-breadcrumb">
                <?php echo $__env->make('layouts.partials.breadcrumb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
            </div>

            <div class="base-intro-block">
                <?php if(isset($page->content->methods_introduction)): ?>
                    <div class="base-content-block">

                        <h2><?php echo $page->content->methods_introduction->translation->name; ?></h2>
                        <?php echo $page->content->methods_introduction->translation->description; ?>


                    </div>

                    <div class="base-image-block">
                        <?php if($page->content->methods_introduction->images->count() != 0): ?>
                            <div class="base-image"
                                 style="background-image: url('<?php echo $page->content->methods_introduction->images->first()->medium_image_url; ?>')"></div>
                        <?php endif; ?>
                    </div>
                <?php endif; ?>
            </div>


            <?php if($page->code_name != 'methods'): ?>

                <?php for($i = 0; $i <= 10; $i++): ?>
                    <?php if(isset($page->content->{$page->code_name.'_step_'.$i})): ?>
                        <div class="base-intro-block <?php echo $i; ?>">

                            <?php if($i % 2 != 0): ?>
                                <div class="base-image-block">
                                    <?php if($page->content->{$page->code_name.'_step_'.$i}->images->count() != 0): ?>
                                        <div class="base-image"
                                             style="background-image: url('<?php echo $page->content->{$page->code_name.'_step_'.$i}->images->first()->medium_image_url; ?>')"></div>
                                    <?php endif; ?>
                                </div>
                            <?php endif; ?>


                            <div class="base-content-block">
                                <h2><?php echo $page->content->{$page->code_name.'_step_'.$i}->translation->name; ?></h2>
                                <?php echo $page->content->{$page->code_name.'_step_'.$i}->translation->description; ?>

                            </div>

                            <?php if($i % 2 == 0): ?>
                                <div class="base-image-block">
                                    <?php if($page->content->{$page->code_name.'_step_'.$i}->images->count() != 0): ?>
                                        <div class="base-image"
                                             style="background-image: url('<?php echo $page->content->{$page->code_name.'_step_'.$i}->images->first()->medium_image_url; ?>')"></div>
                                    <?php endif; ?>
                                </div>
                            <?php endif; ?>

                        </div>
                    <?php endif; ?>

                <?php endfor; ?>

                    <div class="post-back-button button-linking" data-href="/<?php echo $links->methods->route; ?>">
                        Terug naar werkwijze
                    </div>

            <?php endif; ?>

        </div>

    </div>

    <div class="content-container">
        <?php if(isset($page->slider)): ?>
            <?php echo $__env->make('layouts.partials.slider', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
        <?php endif; ?>
    </div>

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

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

<?php $__env->startSection('extra-js'); ?>
    <script type="text/javascript" src="/js/jquery.touchSwipe.min.js"></script>
    <script type="text/javascript" src="/js/slider.js"></script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.master', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>