<?php $__env->startSection('meta'); ?>
    @parent
    <link rel="preload" href="/img/check.png" as="image">
<?php $__env->stopSection(); ?>


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

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

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

    <section class="location">
        <div class="grid-row">

            <?php /* Contact Information */ ?>
            <div class="info grid-col">
                <div class="placeholder">
                    <div class="contact-info">
                        <figure>
                            <a href="/">
                                <img alt="logo" src="/img/logo_blue.svg"/>
                            </a>
                        </figure>

                        <h5><?php echo \Illuminate\Support\Facades\Lang::get('translations.projectAddress'); ?></h5>
                        <p>
                            Oud Nieuwlandseweg<br/>Ouddorp
                            <?php if(\App::getLocale() == 'nl'): ?>
                                <br/><br/>(ter hoogte van de Vrijheidsweg<br/>en de Westerweg te Ouddorp)
                            <?php endif; ?>
                        </p>
                        <h5><?php echo \Illuminate\Support\Facades\Lang::get('translations.footerAddress'); ?></h5>

                        <p>
                            <?php echo \Config::get('business.address'); ?><br/>
                            <?php echo \Config::get('business.address_optional'); ?><br/>
                            <?php echo \Config::get('business.zip'); ?> <?php echo \Config::get('business.city'); ?>


                        </p>

                        <a class="phone" href="tel:<?php echo Config::get('business.phone_call'); ?>">
                            <div class="icon">
                                <span>T</span>
                            </div>
                            <?php echo Config::get('business.phone_display'); ?>

                        </a>

                        <a class="mail" href="mailto:<?php echo \Config::get('business.email'); ?>">
                            <div class="icon">
                                <span>E</span>
                            </div>
                            <?php echo \Config::get('business.email'); ?>

                        </a>
                    </div>
                </div>
            </div>

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

            <?php /* Map */ ?>
            <div class="map grid-col">
                <picture>
                    <source media="(max-width: 525px)"
                            srcset="/img/backgrounds/map@0,5x.jpg">
                    <source media="(max-width: 800px)"
                            srcset="/img/backgrounds/map@0,75x.jpg">
                    <img src="/img/backgrounds/map.jpg"
                         alt="map">
                </picture>
            </div>
        </div>
    </section>

    <section class="post-content grid-row">
        <div class="invitation">
            <div class="dynamic-block content-block" data-size-type="50" data-image-location="left">
                <div class="content">
                    <p><?php echo \Illuminate\Support\Facades\Lang::get('translations.contactOpenDay.message'); ?></p>
                    <p><?php echo \Illuminate\Support\Facades\Lang::get('translations.contactOpenDay.conversation'); ?></p>
                </div>

                <figure class="image">
                    <div class="image-placeholder">
                        <span class="large" style="background-image: url('/img/backgrounds/houses-image.jpg');"></span>
                        <span class="medium" style="background-image: url('/img/backgrounds/houses-image@0,5x.jpg');"></span>
                        <span class="small" style="background-image: url('/img/backgrounds/houses-image@0,25x.jpg');"></span>
                    </div>
                </figure>
            </div>
        </div>
    </section>

    <?php /* Form */ ?>

    <section class="contact-form" id="scrollToBlock">
        <div class="grid-row">
            <div class="side-image"><span class="image-placeholder"></span></div>

            <div class="grid-col form-placeholder">
                <h2><?php echo \Illuminate\Support\Facades\Lang::get('translations.contactForm'); ?></h2>

                <?php if( ! $page->send ): ?>
                    <?php echo $__env->make('forms.contact', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                <?php else: ?>
                    <div class="content" id="success-message">
                        <p>
                            <?php echo \Illuminate\Support\Facades\Lang::get('translations.contactFormThanks'); ?>
                        </p>
                    </div>
                <?php endif; ?>
            </div>
        </div>
    </section>



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

<?php $__env->startSection('extra-js'); ?>
    <script defer src="/js/form.js?v=3"></script>

    <?php if( ! $page->send ): ?>
        <script defer src="/js/contactForm.js?v=3"></script>
    <?php else: ?>
        <script>
            $(function () {

                var body = $('html,body');

                body.animate({
                    scrollTop: $('#success-message').offset().top - 220
                }, 800);

                body.on("scroll mousedown wheel DOMMouseScroll mousewheel keyup touchmove", function () {
                    body.stop();
                });

            });
        </script>
    <?php endif; ?>

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