<?php
/*
Template Name: Contact Us Template
*/
get_header();
?>
<?php
    while ( have_posts() ) :
    the_post();
?>

<?php require_once('template-parts/common-hero-section.php')?>

<section class="contactSec maxwidth1150 mypy100">
    <div class="container">
        <div class="row">
            <div class="col-md-7">
                <div class="lftSec">
                    <h2><?php echo get_field( 'contact_title', $post_id ); ?></h2>
                    <img src="<?php echo get_field( 'contact_title__divider', $post_id ); ?>" alt="" class="divider">
                    <p><?php echo get_field( 'contact_sub_title', $post_id ); ?></p>
                    <ul class="contct_list contactInfo">
                        <li>
                            <p href="" class="d-flex ">
                                <span class="icon"><img src="<?php echo esc_url(get_template_directory_uri() . '/images/map.svg'); ?>" alt=""></span>
                                <span class="dts"><?php echo get_option('contact_address');?></span>
                            </p>
                        </li>
                        <li>
                            <p class="d-flex ">
                                <span class="icon"><img src="<?php echo esc_url(get_template_directory_uri() . '/images/address.svg'); ?>" alt=""></span>
                                <span class="dts"><a href="mailto:<?php echo get_option('contact_email');?>" ><?php echo get_option('contact_email');?></a></span>
                            </p>
                        </li>
                        <li>
                            <p class="d-flex ">
                                <span class="icon"><img src="<?php echo esc_url(get_template_directory_uri() . '/images/call.svg'); ?>" alt=""></span>
                                <span class="dts"><a href="tel:<?php echo get_option('contact_phone');?>"><?php echo get_option('contact_phone');?></a></span>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-md-5">
                <div class="rgtSec">
                    <div class="title">
                        <h3>Have A Question?</h3>
                    </div>
                    <?php echo do_shortcode('[contact-form-7 id="15f6ee1" title="Contact form"]'); ?>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="mapSec">
    <iframe src="<?php echo get_field( 'google_map', $post_id ); ?>" width="100%" height="450" style="border:0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</section>

<?php endwhile; ?>     
<?php
get_footer();
?>