<?php

$google_maps_section_section_title_group = get_field('google_maps_section_section_title_group');
$gmsstg_text = $google_maps_section_section_title_group['text'];
$gmsstg_animation = $google_maps_section_section_title_group['animation'];
$gmsstg_animation_name = $google_maps_section_section_title_group['animation_name'];
$gmsstg_animation_delay = $google_maps_section_section_title_group['animation_delay'];


$google_maps_config = get_field('google_maps_config');
$gmc_animation_settings = $google_maps_config['animation_settings'];
$gmc_as_animation = $gmc_animation_settings['animation'];
$gmc_as_animation_name = $gmc_animation_settings['animation_name'];
$gmc_as_animation_delay = $gmc_animation_settings['animation_delay'];


$gmc_config = $google_maps_config['config'];
$gmc_c_key = $gmc_config['key'];
$gmc_c_zoom = $gmc_config['zoom'];

$gmc_c_marker_1 = $gmc_config['marker_1'];
$gmc_c_m_1_title = $gmc_c_marker_1['title'];
$gmc_c_m_1_lat = $gmc_c_marker_1['lat'];
$gmc_c_m_1_lng = $gmc_c_marker_1['lng'];

$gmc_c_marker_2 = $gmc_config['marker_2'];
$gmc_c_m_2_title = $gmc_c_marker_2['title'];
$gmc_c_m_2_lat = $gmc_c_marker_2['lat'];
$gmc_c_m_2_lng = $gmc_c_marker_2['lng'];

$gmc_c_icon = $gmc_config['icon'];
$gmc_c_icon_mini = $gmc_config['icon_mini'];


$gmc_c_buttons = $google_maps_config['buttons'];
$gmc_c_b_button_text_1 = $gmc_c_buttons['button_text_1'];
$gmc_c_b_button_text_2 = $gmc_c_buttons['button_text_2'];

?>

<section class="location">

    <div class="setTableCell">

        <?php if ($gmsstg_text) : ?>

            <div class="container">

                <div class="row">

                    <div class="col-md-12">
                        <div class="header<?php if ($gmsstg_animation) : ?> waypoints--active<?php endif; ?>"<?php if ($gmsstg_animation) : ?> data-animation-name="<?php echo $gmsstg_animation_name; ?>" data-animation-delay="<?php echo $gmsstg_animation_delay; ?>"<?php endif; ?>>
                            <?php echo $gmsstg_text; ?>
                        </div>
                    </div>

                </div>
                <!-- row -->

            </div>
            <!-- container -->

        <?php endif; ?>

        <div class="wrap<?php if ($gmc_as_animation) : ?> waypoints--active<?php endif; ?>"<?php if ($gmc_as_animation) : ?> data-animation-name="<?php echo $gmc_as_animation_name; ?>" data-animation-delay="<?php echo $gmc_as_animation_delay; ?>"<?php endif; ?>>

            <div class="container">

                <div class="tab">

                    <div class="buttonWrap">
                        <a href="#" id="gMapTab1" class="buttonWrap__btn is_on">
                            <?php if($gmc_c_b_button_text_1) : echo $gmc_c_b_button_text_1; else : echo 'Map 1'; endif; ?>
                        </a>
                        <a href="#" id="gMapTab2" class="gMapTab buttonWrap__btn">
                            <?php if($gmc_c_b_button_text_2) : echo $gmc_c_b_button_text_2; else : echo 'Map 2'; endif; ?>
                        </a>
                    </div>

                </div>

            </div>
            <!-- container -->

            <div class="mapWrap">

                <div id="gMap" class="map"></div>

            </div>

        </div>

    </div>
    <!-- set table cell -->

</section><!-- location -->