<?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->about_introduction)): ?>
                    <div class="base-content-block">

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


                    </div>

                    <div class="base-image-block">
                        <?php if($page->content->about_introduction->images->count() != 0): ?>
                            <div class="base-image"
                                 style="background-image: url('<?php echo $page->content->about_introduction->images->first()->large_image_url; ?>')"></div>
                        <?php endif; ?>
                    </div>
                <?php elseif(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()->large_image_url; ?>')"></div>
                        <?php endif; ?>
                    </div>
                <?php elseif(isset($page->content->lotuscircle_introduction)): ?>
                    <div class="base-content-block">

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


                    </div>

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

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


                    </div>

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

                        <h2>Voeg een blok toe met code_name 'about_introduction' of 'methods_introduction'</h2>
                        <p>Name + omschrijving + 1 afbeelding</p>

                    </div>

                    <div class="base-image-block">
                            <div class="base-image"
                                 style="background-image: url('/img/header_image_01.jpg')"></div>
                    </div>
                <?php endif; ?>

            </div>

            <?php if(isset($page->content->about_introduction)): ?>

                <div class="person-block-container">

                    <?php foreach($page->content as $person): ?>
                        <?php if ( ! ($person->code_name == "about_introduction")): ?>

                            <div class="person-block">

                                <div class="person-image-container">
                                    <?php if($person->images->count() != 0): ?>
                                        <div class="person-image"
                                             style="background-image: url('<?php echo $person->images->first()->large_image_url; ?>')"></div>
                                    <?php endif; ?>
                                </div>

                                <div class="person-information">
                                    <h2><?php echo $person->translation->name; ?></h2>
                                    <?php echo $person->translation->description; ?>

                                </div>

                            </div>

                        <?php endif; ?>
                    <?php endforeach; ?>
                </div>

            <?php endif; ?>

        </div>

    </div>

    <?php /*<?php if($page->code_name === 'mysteryActs'): ?>*/ ?>

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

    <?php /*<?php endif; ?>*/ ?>

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