<?php
/**
 * Template Name:Contact
 */
get_header(); ?>  
<!-- Breadcrumb Begin -->
<?php //$banner_image = get_field('banner_image'); ?>
<!-- <div class="breadcrumb-option" style="background-image:url(<?php echo $banner_image; ?>);display:none;">
   <div class="container">
      <div class="bredcoms">
         <div class="breadcrumb__links">
            <a href="<?php echo home_url(); ?>">Home</a>
            <span><?php the_title(); ?></span>
         </div>
      </div>
   </div>
</div> -->
<!-- Breadcrumb End -->
<?php $after_banner_background_image = get_field('after_banner_background_image'); ?>
<section class="contatimg" style="background-image:url(<?php echo $after_banner_background_image; ?>);">
   <div class="container">
      <p><?php if(get_field('after_banner_content')) { echo get_field('after_banner_content');} else { echo ""; } ?></p>
   </div>
</section>
<section class="contactfom">
   <div class="container">
      <div class="row">
         <div class="col-lg-4 col-sm-4">
            <div class="address border-right">
               <i class="fa fa-home" aria-hidden="true"></i>
               <h3>BESÖK OSS</h3>
               <p><?php if(get_field('besök_oss_content')) { echo get_field('besök_oss_content');} else { echo ""; } ?></p>
               <p class="reds"><?php if(get_field('adress')) { echo get_field('adress');} else { echo ""; } ?>
               </p>
            </div>
         </div>
         <div class="col-lg-4 col-sm-4">
            <div class="address border-right">
               <i class="fa fa-phone" aria-hidden="true"></i>
               <h3>RING & BESTÄLL</h3>
               <p><?php if(get_field('call_content')) { echo get_field('call_content');} else { echo ""; } ?></p>
               <p class="reds"><a href="tel:<?php if(get_field('ring_oss')) { echo get_field('ring_oss');} else { echo ""; } ?>"><?php if(get_field('ring_oss')) { echo get_field('ring_oss');} else { echo ""; } ?></a></p>
            </div>
         </div>
         <div class="col-lg-4 col-sm-4">
            <div class="address">
               <i class="fa fa-enavlopes" aria-hidden="true"></i>
               <h3>ÖPPETTIDER</h3>
               <p><?php if(get_field('Öppettider_content')) { echo get_field('Öppettider_content');} else { echo ""; } ?></p>
               <p class="reds"><?php if(get_field('slot_one')) { echo get_field('slot_one');} else { echo ""; } ?></p>
               <p class="reds"><?php if(get_field('slot_two')) { echo get_field('slot_two');} else { echo ""; } ?></p>
               <p class="reds"><?php if(get_field('slot_three')) { echo get_field('slot_three');} else { echo ""; } ?></p>
               <p class="reds"><?php if(get_field('slot_four')) { echo get_field('slot_four');} else { echo ""; } ?></p>
               <p class="reds"><?php if(get_field('slot_five')) { echo get_field('slot_five');} else { echo ""; } ?></p>
            </div>
         </div>
      </div>
      <div class="container">
         <div class="textforlop">
            <p class="reds"><?php if(get_field('write_to_content')) { echo get_field('write_to_content');} else { echo ""; } ?></p>
            <p><?php if(get_field('contact_form_content')) { echo get_field('contact_form_content');} else { echo ""; } ?></p>
         </div>
         <div class="notedform">
            <?php echo do_shortcode('[contact-form-7 id="154" title="Contact Us"]'); ?>
         </div>
      </div>
   </div>
</section>
<section class="map">
   <?php if(get_field('google_map')) { echo get_field('google_map');} else { echo ""; } ?>
</section>
<?php get_footer(); ?>