<!doctype html>
<html lang="pt-BR">

<head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <?php wp_head(); ?>
</head>

<body>
   <?php
   $preloader = get_field('show_preloader', '8');
   $show_wp = get_field('show_wp_button', '8');
   $whatsapp_number = get_field('whatsapp', '8');
   $whatsapp_msg = get_field('whatsapp_msg', '8');
   ?>

   <?php if ($preloader == true) : ?>
      <div class="preloader">
         <img class="preloader-logo" src="<?php echo get_template_directory_uri(); ?>/assets/images/logo.png" width="120" alt="<?php echo wp_get_document_title(); ?>">
         <div class="preloader-preview-area">
            <div class="ball-pulse">
               <div></div>
               <div></div>
               <div></div>
            </div>
         </div>
      </div>
   <?php endif ?>
   <?php //if ($show_wp == true) : ?>
      <div>
         <a href="https://api.whatsapp.com/send/?phone=+55<?php echo $whatsapp_number; ?>&text=<?php echo $whatsapp_msg; ?>&app_absent=0" id="wa_button" target="_new">
            <div class="circle-fill" style="transform-origin: center;"></div>
            <div class="img-circle" style="transform-origin: center;">
               <div class="img-circleblock" style="transform-origin: center;"></div>
            </div>
         </a>
      </div>
   <?php //endif ?>

   <header id="header" class="fixed-top d-flex align-items-center">
      <div class="container d-flex align-items-center justify-content-center">

         <a href="<?php echo get_home_url(); ?>" class="logo d-flex align-items-center">
            <img src="<?php echo get_field('logo_h', '8'); ?>" class="logo-icon py-2" alt="<?php echo wp_get_document_title(); ?>">
         </a>

      </div>
   </header>