<?php
/**
 * The header.
 *
 * This is the template that displays all of the <head> section and everything up until main.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package WordPress
 * @subpackage Twenty_Twenty_One
 * @since Twenty Twenty-One 1.0
 */
?>
<!doctype html>
<html <?php language_attributes(); ?> <?php twentytwentyone_the_html_classes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<?php wp_head(); ?>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/assets/css/owl.carousel.min.css" />
  <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/assets/css/owl.theme.default.min.css" />
  <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/assets/css/style.css" type="text/css">
</head>

<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<header class="header-block clear">
    <div class="topbars">
    <?php
      $headermessage = get_field('header_message', 'options');
      $message= $headermessage['message_text'];
      $linktext= $headermessage['message_link'];
      $linkurl= $headermessage['link_url'];
	  $logo= $headermessage['logo']
      ?>
    <div class="container">
    <p><?php echo $message;?><a href="<?php echo $linkurl;?>"><?php echo $linktext;?></a></p>
    </div>
    </div>

    <div class="hdr-nav clear">
      <div class="container">

       <div class="flex">
          <div class="logo">
          <a href="/nicolesmassagehealingtherapies" class="main-logo"><img src="<?php echo $logo['url'];?>" alt="<?php echo $logo['alt'];?>"/></a>
             <div class="navs-toggle">
            <div class="navs-toggle-icon">
           <span class="bars"><img src="<?php echo site_url();?>/wp-content/uploads/2025/04/bars.png" alt="bars"></span>
           <span class="close-bars"><img src="<?php echo site_url();?>/wp-content/uploads/2025/04/close-bars.png" alt="close-bars"></span>
           </div>
         </div>

        </div>

         <div class="hdr-menu">
           <div class="primary-menu">
          <ul>
		  <?php
					wp_nav_menu(
					array(
					'container'  => '',
					'items_wrap' => '%3$s',
					'theme_location' => 'primary'
					)
					);
				?>	
          </ul>
        </div>
        <?php $companymobile = get_field('company_mobile_number', 'options');
        $phone = $companymobile['mobile_number'];
        $phonelink = $companymobile['mobile_link']; ?>
        <div class="hdr-search">
         <a href="#search"><i class="fa fa-search"></i></a>
			<div id="search-box">
  <div class="container">
    <a class="close" href="#close"></a>
    <div class="search-main">
      <div class="search-inner">
       <?php echo do_shortcode('[ivory-search id="314" title="AJAX Search Form"]');?>
      </div>
    </div>
  </div>
</div>
			
        </div>
        <div class="hdr-phone">
          <a href="<?php echo $phonelink;?>"><i class="fa fa-phone"></i><span><?php echo $phone;?></span></a>
        </div>
        <?php
      $headerbutton = get_field('header_button', 'options');
      $btext= $headerbutton['button_text'];
      $blink= $headerbutton['button_link'];
      ?>
        <div class="hdr-book">
          <a href="<?php echo $blink;?>" target="_blank"><i class="fa fa-paper-plane-o"></i><span><?php echo $btext;?></span></a>
        </div>

         </div>
       </div>
        
      </div>
    </div>
  </header>
