<?php
/**
 * Template Name: Natural Stone Supplier Page
 *
 */

get_header();

$globalFields = get_fields('option');
$pageFields = get_fields();

$imageHero = $pageFields['image_hero'];
$headingHero = $pageFields['heading_hero'];
$contentHero = $pageFields['content_hero'];

?>

<section class="hero-section">
    <div class="container">
        <div class="wrapper">
            <?php if( !empty($headingHero) ): ?>
                <h1 class="heading-section"><?php echo $headingHero; ?></h1>
            <?php endif; ?>
            <div class="hero-content">
                <?php if( !empty($contentHero) ): ?>
                    <div class="content"><?php echo $contentHero; ?></div>
                <?php endif; ?>
                <div class="hero-image">
                <?php if( !empty($imageHero) ): ?>
                    <img src="<?php echo $imageHero['url']; ?>" alt="<?php echo $imageHero['alt']; ?>">
                <?php endif; ?>
            </div>
            </div>

        </div>
    </div>
</section>

<?php

$show_hide_ss_sfww = $pageFields['show_hide_ss_sfww'];
$heading_sfww = $pageFields['heading_sfww'];

?>
<?php if( $show_hide_ss_sfww ): ?>
<section class="map-section section">
    <div class="container">
        <div class="wrapper">
            <?php if( !empty($heading_sfww) ): ?>
                <h2 class="heading-section"><?php echo $heading_sfww; ?></h2>
            <?php endif; ?>
            <div id="map-container" class="map-container">
                <div id="mapdiv" class="mapdiv" data-locations="" data-path-to-images="<?php echo TDG_URI; ?>assets/images/"></div>
                <div id="desc_overlay" class="animated fadeInDown" style="display: none; cursor: move;">
                    <h2 id="country_name"></h2>
                    <span id="ico_close">
                        <img 
                            align="middle"
                            data-src="<?php echo TDG_URI; ?>assets/images/close.png"
                            class=" lazyloaded"
                            src="<?php echo TDG_URI; ?>assets/images/close.png"><noscript>
                        <img
                            src="<?php echo TDG_URI; ?>assets/images/close.png"
                            align="middle" /></noscript>
                    </span>
                    <div id="overlay-content" class="ps-container">
                        <div class="phoca-flagbox"></div>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</section>
<?php endif; ?>

<?php
$show_hide_ss_hwsms = $pageFields['show_hide_ss_hwsms'];
$source_list_hwsms = $pageFields['source_list_hwsms'];

?>
<?php if( $show_hide_ss_hwsms ): ?>
<section class="source-section section">
    <div class="container">
        <div class="wrapper">
            <?php if (!empty($source_list_hwsms)) {
                echo '<div class="source-list">';
                foreach ($source_list_hwsms as $key => $source) {
                    $image = $source['image'];
                    $heading = $source['heading'];
                    $content = $source['content'];
                    ?>
                    <div class="source-item">
                        <div class="source-item-wrap">
                            <div class="source-item-image">
                                <?php if( !empty($image['url']) ): ?>
                                    <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>">
                                    <?php if ( !empty($image['caption']) ) {
                                       echo '<p class="caption">'.$image['caption'].'</p>';
                                    } ?>
                                <?php endif; ?>
                            </div>
                            <div class="source-item-content">
                                <?php if( !empty($heading) ): ?>
                                    <h2 class="heading-section"><?php echo $heading ; ?></h2>
                                <?php endif; ?>
                                <?php if( !empty($content) ): ?>
                                    <div class="content"><?php echo $content ; ?></div>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                    <?php
                }
                echo '</div>';
            } ?>
        </div>
    </div>
</section>
<?php endif; ?>

<?php
$show_hide_ss_contact = $pageFields['show_hide_ss_contact'];
$heading_contact = $pageFields['heading_contact'];
$form_selected_contact = $pageFields['form_selected_contact'];

?>
<?php if( $show_hide_ss_contact ): ?>
<section class="contact-section section">
    <div class="container">
        <div class="wrapper">
            <?php if( !empty($heading_contact) ): ?>
                <h2 class="heading"><?php echo $heading_contact; ?></h2>
            <?php endif; ?>
            <?php if (!empty($form_selected_contact)) {
                echo '<div class="form-container">';
                echo do_shortcode('[gravityform id="'.$form_selected_contact.'" title="false" ajax="true"]');
                echo '</div>';
            } ?>
        </div>
    </div>
</section>
<?php endif; ?>

<?php


get_footer();