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

    <div class="ajax-container services-detail" id="<?php echo $page->code_name; ?>" data-color-type="<?php echo $page->colorType; ?>">

        <nav class="sub-menu">
            <ul>
                <li class="overview <?php if($page->code_name == 'services'): ?> active <?php endif; ?> ">
                    <a data-pjax data-code-name="services" href="/<?php echo $links->services->route; ?>"></a>
                </li>
                <?php foreach($page->siblings as $serviceMenuItem): ?>
                    <li class=" <?php if($serviceMenuItem->code_name == $page->code_name): ?> active <?php endif; ?> ">
                        <a data-pjax data-code-name="services"
                           href="/<?php echo $links->{$serviceMenuItem->code_name}->route; ?>">
                        </a>
                    </li>
                <?php endforeach; ?>
            </ul>
        </nav>

        <div class="title">
            <div class="pre-title loaded-animation">
                <a data-pjax data-code-name="services"
                   href="/<?php echo $links->services->route; ?>"><?php echo $links->services->name; ?></a>
                <p><?php echo $page->letter; ?><?php echo KommaLang::get('discover'); ?></p>
            </div>
            <div class="main-title loaded-animation">
                <h1>
                    <?php echo $page->translation->name; ?>

                </h1>
            </div>
        </div>

        <a data-pjax data-code-name="services" class="backToOverview"
           href="/<?php echo $links->services->route; ?>"><?php echo \Illuminate\Support\Facades\Lang::get('translations.backToOverview'); ?></a>

        <section class="content service-block loaded-animation">

            <?php if($page->content->translation->description != '[]'): ?>
                <?php echo $__env->make('layouts.partials.dynamic.dynamicBlocks', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
            <?php endif; ?>

        </section>
        <section class="image animation-part service-block <?php echo $page->code_name; ?>">
            <div class="shape ">
                <?php if(in_array($page->code_name, ['graphicDesign'])): ?>
                    <?php echo $__env->make('layouts.svg.circle', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                <?php elseif(in_array($page->code_name, ['signage', 'posMaterial'])): ?>
                    <?php echo $__env->make('layouts.svg.triangle', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                <?php elseif(in_array($page->code_name, ['fleetMarketing', 'boatWrapping'])): ?>
                    <?php echo $__env->make('layouts.svg.square', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                <?php elseif(in_array($page->code_name, ['carWrapping', 'fabric'])): ?>
                    <?php echo $__env->make('layouts.svg.hexagon', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                <?php endif; ?>
            </div>

            <div class="placeholder">
                <?php /*<a href="">*/ ?>
                <img src="/img/services/<?php echo $page->code_name; ?>.png"/>
                <p class="button">
                    <?php echo KommaLang::get('showRealisations'); ?>

                </p>
                <?php /*</a>*/ ?>
            </div>
        </section>

        <a data-pjax data-code-name="services" class="next-service main-view"
           href="/<?php echo $links->{$page->next->code_name}->route; ?>">
            <p><?php echo $links->{$page->next->code_name}->name; ?></p>
            <span></span>
        </a>

        <div class="open-realisations animation-part">
            <p><?php echo \Illuminate\Support\Facades\Lang::get('translations.realisations'); ?></p>
            <span></span>
        </div>

        <section class="projects">
            <?php foreach($page->projects()->with(['images','translations'])->orderBy('projects.lft')->get() as $key => $project): ?>
                <article data-project="<?php echo $key; ?>">

                    <div class="title-placeholder">
                        <?php if(isset($project->client)): ?>
                            <h2><?php echo $project->client; ?></h2><br/>
                        <?php endif; ?>
                        <?php if($project->translations->count() != 0): ?>
                            <h3><?php echo $project->translations->first()->name; ?></h3>
                        <?php endif; ?>
                    </div>

                    <?php if($project->images->count() != 0): ?>
                        <figure>
                        <span class="original lazyload"
                              style="background-image: url('<?php echo $project->images->first()->medium_image_url; ?>');"
                              data-src="<?php echo $project->images->first()->original_image_url; ?>"></span>
                            <span class="large lazyload"
                                  style="background-image: url('<?php echo $project->images->first()->medium_image_url; ?>');"
                                  data-src="<?php echo $project->images->first()->large_image_url; ?>"></span>
                            <span class="medium lazyload"
                                  style="background-image: none"
                                  data-src="<?php echo $project->images->first()->medium_image_url; ?>"></span>
                        </figure>
                    <?php endif; ?>

                    <?php if($project->translations->count() != 0 && isset($project->translations->first()->description) && $project->translations->first()->description != ''): ?>
                        <div class="quote">
                            <div class="text">
                                <?php echo $project->translations->first()->description; ?>

                            </div>
                            <span><?php echo $project->translations->first()->author; ?>

                                , <?php echo $project->translations->first()->function; ?></span>
                        </div>
                    <?php endif; ?>
                </article>
            <?php endforeach; ?>
            <?php if($page->projects->count() > 1): ?>
                <div class="navigator">
                    <span class="previous nav-button">‹</span>
                    <span class="next nav-button">›</span>
                </div>
            <?php endif; ?>

            <a data-pjax data-code-name="services" class="next-service mobile-view"
               href="/<?php echo $links->{$page->next->code_name}->route; ?>">
                <p><?php echo $links->{$page->next->code_name}->name; ?></p>
                <span></span>
            </a>

        </section>
        <div class="close-button">
            <div class="left-corner corner"><?php echo $__env->make('layouts.svg.corner', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?></div>
            <div class="right-corner corner"><?php echo $__env->make('layouts.svg.corner', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?></div>
            x
        </div>

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

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