<?php
$title = get_field('project_map_title');
$text = get_field('project_map_text');
$location = get_field('project_map_location');
$marker = get_field('marker', 'options');
$zoom = get_field('zoom', 'options');
?>

<div class="project-map" data-animation>

    <div class="site__container">

        <div class="grid grid--full">

            <div class="grid__item push--tab--one-twelfth tab--five-twelfths">
                <div class="project-map__map">
                    <div id="map" class="project-map__map__inner"
                         data-lat="<?php echo $location['lat']; ?>"
                         data-lng="<?php echo $location['lng']; ?>"
                         data-marker="<?php echo $marker['url']; ?>"
                         data-zoom="<?php echo $zoom; ?>"
                    ></div>
                </div>
            </div>
            <div class="grid__item push--tab--two-twelfths tab--four-twelfths">

                <div class="project-map__content">

                    <?php if ($title) : ?>
                        <div class="project-map__content__title fs-50"><?php echo $title; ?></div>
                    <?php endif; ?>

                    <?php if ($text) : ?>
                        <div class="project-map__content__text"><?php echo $text; ?></div>
                    <?php endif; ?>

                </div>

            </div>

        </div>

    </div>

</div>