<?php
$servicesBlocks = $page->content->translation->description;
$servicechildren = $links->services->page->findChildren();
?>



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

    <div class="services-content">
        <div class="grid-row">
            <?php echo $__env->make('layouts.partials.breadcrumb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
        </div>
        <?php if(!empty($servicesBlocks['mainText']->status)): ?>
            <div class="services-intro">
                <div class="grid-row">
                    <div class="grid-col col-4">
                        <div class="diensten-menu">
                            <div class="grid-row full-row">

                                <?php /* Main content */ ?>

                                <div class="grid-col">
                                    <a href="/diensten" class="button arrow" value="Algemeen">
                                        <span class="icon-grid-view"></span> Algemeen
                                    </a>
                                    <?php foreach($servicechildren as $child): ?>
                                        <a href="/<?php echo $links->{$child->code_name}->route; ?>" class="<?php echo strtolower($links->{$child->code_name}->name); ?> button arrow <?php echo $page->code_name == $child->code_name ? 'active' :''; ?>"
                                           value="<?php echo $links->{$child->code_name}->name; ?>">
                                            <?php echo $links->{$child->code_name}->name; ?>

                                            <?php echo $__env->make('layouts.svg.'.strtolower($child->code_name), array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                                        </a>
                                    <?php endforeach; ?>
                                </div>
                            </div>
                        </div>

                        <a href="/projecten" class="button blue arrow">Bekijk projecten</a>
                        <a href="/contact" class="button orangeGrad arrow">Offerte aanvragen</a>
                    </div>
                    <div class="grid-col col-7 offset-1 right">
                        <h1><?php echo $__env->make('layouts.svg.service_renovation', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?><?php echo $servicesBlocks['mainText']->typeName; ?></h1>

                        <div class="text">
                            <?php echo $servicesBlocks['mainText']->description; ?>

                        </div>

                        <div class="grid-col first-img"
                             style="background-image: url('<?php echo $servicesBlocks['mainText']->images[0]->large_image_url; ?>')"></div>
                        <div class="grid-row full-row">
                            <div class="grid-col col-6 second-img"
                                 style="background-image: url('<?php echo $servicesBlocks['mainText']->images[1]->large_image_url; ?>')"></div>
                            <div class="grid-col col-6 pull-right third-img"
                                 style="background-image: url('<?php echo $servicesBlocks['mainText']->images[2]->large_image_url; ?>')"></div>
                        </div>
                        <?php echo $__env->make('layouts.svg.bigHexagon', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                    </div>
                </div>
            </div>
        <?php endif; ?>

        <?php if(!empty($servicesBlocks['solartiles']->status)): ?>
            <div class="grid-row full-row soorten-dakbedekking">
                <div class="grid-col col-14">
                    <div class="grid-row">
                        <div class="grid-col left">
                            <h2><?php echo $servicesBlocks['solartiles']->typeName; ?></h2>
                            <?php /*<div class="grid-col imgHolder" style="background-image: url('<?php echo $servicesBlocks['isolatiefolie']->images[0]->large_image_url; ?>')"></div>*/ ?>
                        </div>
                        <div class="grid-col offset-1 textholder">
                            <div class="text">
                                <?php echo $servicesBlocks['solartiles']->description; ?>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dienstenLink">
                <a href="/diensten">Overzicht diensten</a>
            </div>
        <?php endif; ?>

        <?php if(!empty($servicesBlocks['CTABlock']->status)): ?>
            <?php echo $__env->make("layouts.partials.callToActionContact", ['name' => 'Wim Verhoeven', 'jobtitle' => 'Bedrijfsleider', 'phone' => '06 53 76 04 49', 'phoneLink' => '0031653760449', 'img' => '/img/personeel/Wim.jpg'], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
        <?php endif; ?>

        <?php if(!empty($servicesBlocks['uit-je-dak']->status)): ?>
            <div class="grid-row full-row uit-je-dak">
                <div class="grid-row">
                <div class="grid-col col-4 textholder">
                    <div class="text">
                        <?php echo $servicesBlocks['uit-je-dak']->description; ?>

                    </div>
                    <a href="<?php echo $servicesBlocks['uit-je-dak']->link; ?>"
                       class="button blue arrow"><?php echo $servicesBlocks['uit-je-dak']->link_text; ?></a>
                </div>
                <div class="grid-col imgholder" style="background-image: url('<?php echo $servicesBlocks['uit-je-dak']->images[0]->large_image_url; ?>')"></div>
                </div>
            </div>
        <?php endif; ?>

    </div>

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