<?php
   if ( ! defined( 'ABSPATH' ) ) {
     exit; // Exit if accessed directly
   }
   ?>
<?php get_header(); ?>
<?php $template_url = get_bloginfo ( 'template_url' ) . '/'; ?>
<?php 
   //to check if there is a post regarding the url access the page
   if (have_posts ()) :
     the_post(); 
   endif;
   $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'thumbnail' );
   if($url != "")
   {
   $img = $url; 
   }else{
   $img = $template_url."img/acupuncturebg.jpg"; 
   }
?>
<!-- breadcumb -->
  <section class="z-index-common breadcumb-wrapper" style="background-image: url(<?php echo $img;?>); background-size: 100%;">
    <div class="container">
      <div class="row justify-content-between align-items-center">
        <div class="col-auto">
          <div class="breadcumb-content">
            <h1 class="breadcumb-title"><?php if(get_field('bradcamp_title') != ""){ echo get_field('bradcamp_title');}else{ the_title();}?></h1>
            <div class="breadcumb-menu-wrap">
              <ul class="breadcumb-menu">
                <li><a href="<?php echo esc_url( home_url( '/' ) ); ?>">Home</a></li>
                <li><?php if(get_field('bradcamp_title') != ""){ echo get_field('bradcamp_title');}else{ the_title();}?></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
<!-- About Start -->
<!-- Contact Start -->
<div class="container-fluid contact py-5">
   <div class="container py-5">
      <div class="section-title mb-5 wow fadeInUp" data-wow-delay="0.1s">
         <div class="sub-style mb-4">
            <h4 class="sub-title text-white px-3 mb-0">Contact Us</h4>
         </div>
         <p class="mb-0 text-black-50"><?php the_content();?></p>
      </div>
      <div class="row g-4 align-items-center">
         <div class="col-lg-6 col-xl-6 contact-form wow fadeInLeft" data-wow-delay="0.1s">
            <h2 class="display-5 text-white mb-2">Get in Touch</h2>
            <div>
                <?php echo do_shortcode('[contact-form-7 id="6d70595" title="Contact form"]');?>
            </div>
         </div>
         <div class="col-lg-6 col-xl-6 wow fadeInRight" data-wow-delay="0.3s">
            <div class="bg-transparent d-flex flex-column align-items-center justify-content-center">
               <a href="tel:<?php echo html_entity_decode( get_option( 'option_5' ) );?>">
                  <div class="d-flex mb-4">
                     <div class="boxbg">
                        <div class="bg-white d-flex align-items-center justify-content-center" style="width: 90px; height: 90px; border-radius: 50px; margin-right: 15px;"><i class="fa fa-phone fa-2x text-primary"></i></div>
                        <div class="d-block">
                           <h4 class="text-dark">Mobile</h4>
                           <p class="mb-0 text-white"><?php echo html_entity_decode( get_option( 'option_5' ) );?></p>
                        </div>
                     </div>
                  </div>
               </a>
               <a href="mailto:mailto:mizanwellness@gmail.com">
                  <div class="d-flex mb-4">
                     <div class="boxbg">
                        <div class="bg-white d-flex align-items-center justify-content-center" style="width: 90px; height: 90px; border-radius: 50px; margin-right: 15px;"><i class="fa fa-envelope fa-2x text-primary"></i></div>
                        <div class="d-block">
                           <h4 class="text-dark">E-mail</h4>
                           <p class="mb-0 text-white"><?php echo html_entity_decode( get_option( 'option_4' ) );?></p>
                        </div>
                     </div>
                  </div>
               </a>
               <a href="">
                  <div class="d-flex mb-4">
                     <div class="boxbg">
                        <div class="bg-white d-flex align-items-center justify-content-center" style="width: 90px; height: 90px; border-radius: 50px; margin-right: 15px;"><i class="fa fa-map-marker-alt fa-2x text-primary"></i></div>
                        <div class="d-block">
                           <h4 class="text-dark">Address</h4>
                           <p class="mb-0 text-white"><?php echo html_entity_decode( get_option( 'option_3' ) );?></p>
                        </div>
                     </div>
                  </div>
               </a>
               <div class="d-flex justify-content-center mb-4">
                    <a href="<?php echo html_entity_decode( get_option( 'option_1' ) );?>" class="btn btn-light btn-square border rounded-circle nav-fill me-3"><i class="fab fa-facebook-f"></i></a>
                    <a href="<?php echo html_entity_decode( get_option( 'option_22' ) );?>" class="btn btn-light btn-square border rounded-circle nav-fill me-3"><i class="fab fa-google"></i></a>
                    <a href="<?php echo html_entity_decode( get_option( 'option_21' ) );?>" class="btn btn-light btn-square border rounded-circle nav-fill me-3"><i class="fab fa-instagram"></i></a>
                    <a href="<?php echo html_entity_decode( get_option( 'option_2' ) );?>" class="btn btn-light btn-square border rounded-circle nav-fill me-0"><i class="fab fa-linkedin-in"></i></a>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
<!-- Contact End -->
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2893.188114401439!2d-79.6506491!3d43.5192698!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b41e85bfcffa1%3A0xee5425d22039a194!2sField%20Me%20Athletic%20Therapy!5e0!3m2!1sen!2sca!4v1776650313424!5m2!1sen!2sca" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

<?php get_footer(); ?>