<div class="content">
    <div class="header-image">
        <div class="content-image">
            <img src="/public/images/static/woningen/woning_header_foto.jpg" alt=""/>
        </div>
    </div>

    <div class="fixed">


        <div class="column-left">
            <h1>Contactgegevens</h1>
            <img src="/public/images/structure/logo_ouddorpduin3.png" class="contactLogo"/>
            <h2>Correspondentieadres</h2>
            <p>Strand Resort Ouddorp Duin<br/>Zakencentrum Bolduc (3e verdieping)<br/>Utopialaan 49<br/> 5232 CD
                's-Hertogenbosch<br/> tel.: <a href="tel:0031733030055">+31(0)73 30 300 55</a><br/>
<!--                <a href="mailto:info@resortouddorpduin.nl">info@resortouddorpduin.nl</a><br/>-->
                <a href="https://www.resortouddorpduin.nl">www.resortouddorpduin.nl</a>
            </p>

            <h2>Wilt u een woning huren?</h2>
            <p>Landal Strand Resort Ouddorp Duin - <a href="http://www.landal.com">www.landal.com</a><br/>
                tel.: <a href="tel:0031187700222">+31 (0)187 70 02 22</a><br/>
                <a href="mailto: ouddorpduin@landal.com">ouddorpduin@landal.com</a></p>

<!--            <h2>Verkoop-/informatiecentrum</h2>-->
<!--            <p>Het verkoopinformatiecentrum is iedere vrijdag tussen 12.00 – 16.00 uur geopend.<br/><br/>-->
<!--                Adres; Westerweg 24, <br/>Ouddorp (Centrumgebouw)</p>-->
            <!--<div class="header-button contact-button"><a href="<?php /*echo LANG_ROOT */ ?>nieuwsbrief">Schrijf u in voor de nieuwsbrief</a></div>-->


            <script
                src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAwIjIsKwHFh6-hqEyDh_VLg049tfjWjOE&callback=initMap"
                async defer></script>
            <div id="map" style="width: 100%; height: 400px;"></div>
            <script>
                var map;


                var styledMap = new google.maps.StyledMapType(styles, {name: "Styled Map"});


                function initMap() {
                    map = new google.maps.Map(document.getElementById('map'), {
                        center: {lat: 51.822627, lng: 3.909429},
                        zoom: 12,
                        draggable: false,
                        scrollwheel: false,
                        disableDefaultUI: true
                    });

                    var marker = new google.maps.Marker({
                        position: {lat: 51.822627, lng: 3.909429},
                        map: map,
                        icon: '/public/images/structure/pointer.png',
                        title: 'Strand Resort Ouddorp Duin'
                    });

                }
            </script>
        </div>
        <div class="column-right">
            <h1>Meer informatie over Ouddorp Duin</h1>

            <?php if( ! isset($_SESSION['contact']['success']))
            { ?>

                <form class="spam_check" method="post" action="<? echo LANG_ROOT ?>contact/validate">
                    <?php
                    $this->getData('form_fields');
                    unset($_SESSION['contact_errors']);
                    ?>
                    <div class="clear"></div>
                    <label>
                        <div class="btn">
                            <input type="submit" name="submit" value="Verzenden"/>
                            <span class="arrow"></span>
                            <span class="shadow"></span>
                        </div>
                    </label>
                </form>
                <?php
            }
            else
            {
                echo '<p>' . $_SESSION['contact']['success'] . '</p>';
                unset($_SESSION['contact']['success']);
            }
            ?>
            <br><br>
        </div>
    </div>
</div>
<div class="column-fullwidth clear">

</div>