<?php

/**
 * Template part for displaying header layout one
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package Gerold_Theme
 * @since Gerold 1.0.0
 * @author ThemeJunction 
 */

// from Page
$enable_header_settings = function_exists('get_field') ? get_field('enable_header_settings') : false;
$is_page_header_sticky = function_exists('get_field') ? get_field('is_page_header_sticky') : false;
$is_page_header_absolute = function_exists('get_field') ? get_field('is_page_header_absolute') : false;

$page_header_email = function_exists('get_field') ? get_field('page_header_email') : false;
$page_email_address = function_exists('get_field') ? get_field('page_email_address') : esc_html__('mail@gerolddesign.com', 'gerold');

$page_header_button = function_exists('get_field') ? get_field('page_header_button') : false;
$page_header_button_type = function_exists('get_field') ? get_field('page_header_button_type') : "";
$page_header_button_text = function_exists('get_field') ? get_field('page_header_button_text') : esc_html__('Hire me!', 'gerold');
$page_header_button_link = function_exists('get_field') ? get_field('page_header_button_link') : esc_html__('#', 'gerold');

// info
$header_sticky = get_theme_mod('header_sticky', false);
$header_absolute = get_theme_mod('header_absolute', false);

// multi condition
if (!empty($enable_header_settings)) {
  $isHeaderSticky = !empty($is_page_header_sticky) ? "header-sticky" : "";
  $isHeaderAbsolute = !empty($is_page_header_absolute) ? "header-absolute" : "";

  // Email
  $showHeaderEmail = $page_header_email;
  $emailAddress = !empty($page_email_address) ? $page_email_address : get_theme_mod('header_email', esc_attr('mail@gerolddesign.com'));

  // button
  $showHeaderRightButton = $page_header_button;
  $buttonType = !empty($page_header_button_type) ? $page_header_button_type : get_theme_mod('header_right_button_type', '1');
  $buttonText = !empty($page_header_button_text) ? $page_header_button_text : get_theme_mod('header_right_button_text', esc_html__('Hire me!', 'gerold'));
  $buttonLink = !empty($page_header_button_link) ? $page_header_button_link : get_theme_mod('header_right_button_link', esc_html__('#', 'gerold'));
} else {

  $isHeaderSticky = !empty($header_sticky) ? "header-sticky" : "";
  $isHeaderAbsolute = !empty($header_absolute) ? "header-absolute" : "";

  // Email
  $showHeaderEmail = get_theme_mod('show_header_email', false);
  $emailAddress = get_theme_mod('header_email', esc_attr('mail@gerolddesign.com'));

  // button
  $showHeaderRightButton = get_theme_mod('header_right_button', false);
  $buttonType = get_theme_mod('header_right_button_type', '1');
  $buttonText = get_theme_mod('header_right_button_text', esc_html__('Hire me!', 'gerold'));
  $buttonLink = get_theme_mod('header_right_button_link', esc_html__('#', 'gerold'));
}
?>

<!-- HEADER START -->
<header class="tj-header-area <?php printf("%s", esc_attr($isHeaderAbsolute)); ?>">
  <div class="container">
    <div class="row">
      <div class="col-12 d-flex flex-wrap align-items-center">

        <div class="logo-box">
          <?php gerold_header_logo(); ?>
        </div>

        <?php if (!empty($emailAddress && $showHeaderEmail)) : ?>
          <div class="header-info-list d-none d-md-inline-block">
            <ul class="ul-reset">
              <li><a href="mailto:<?php echo esc_attr($emailAddress); ?>"><?php echo esc_html($emailAddress); ?></a></li>
            </ul>
          </div>
        <?php endif; ?>

        <!-- menu -->
        <div class="header-menu d-none d-lg-inline-block" id="headerMenu">
          <?php gerold_header_menu(); ?>
        </div>

        <!-- mobile menu -->
        <div class="mobile-menu d-lg-none"></div>

        <?php if (!empty($buttonText && $showHeaderRightButton)) : ?>
          <div class="header-button">
            <?php if ("2" == $buttonType) : ?>
              <a href="<?php echo esc_url($buttonLink); ?>" class="tj-btn-primary-2">
                <?php echo tj_kses($buttonText); ?>
                <span class="icon_box">
                  <i class="flaticon-download icon_first"></i>
                  <i class="flaticon-download icon_second"></i>
                </span>
              </a>
            <?php else : ?>

              <a href="<?php echo esc_url($buttonLink); ?>" class="btn tj-btn-primary"><?php echo tj_kses($buttonText); ?></a>
            <?php endif; ?>
          </div>
        <?php endif; ?>

        <div class="menu-bar d-lg-none">
          <button>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
          </button>
        </div>
      </div>
    </div>
  </div>
</header>
<header class="tj-header-area header-2 <?php printf("%s", esc_attr($isHeaderSticky)); ?>">
  <div class="container">
    <div class="row">
      <div class="col-12 d-flex flex-wrap align-items-center justify-content-between">
        <!-- logo -->
        <div class="logo-box">
          <?php gerold_header_logo(); ?>
        </div>

        <?php if (!empty($emailAddress && $showHeaderEmail)) : ?>
          <div class="header-info-list d-none d-md-inline-block">
            <ul class="ul-reset">
              <li><a href="mailto:<?php echo esc_attr($emailAddress); ?>"><?php echo esc_html($emailAddress); ?></a></li>
            </ul>
          </div>
        <?php endif; ?>

        <!-- menu -->
        <div class="header-menu d-none d-lg-inline-block">
          <?php gerold_header_menu(); ?>
        </div>

        <?php if (!empty($buttonText && $showHeaderRightButton)) : ?>
          <div class="header-button">
            <?php if ("2" == $buttonType) : ?>
              <a href="<?php echo esc_url($buttonLink); ?>" class="tj-btn-primary-2">
                <?php echo tj_kses($buttonText); ?>
                <span class="icon_box">
                  <i class="flaticon-download icon_first"></i>
                  <i class="flaticon-download icon_second"></i>
                </span>
              </a>
            <?php else : ?>

              <a href="<?php echo esc_url($buttonLink); ?>" class="btn tj-btn-primary"><?php echo tj_kses($buttonText); ?></a>
            <?php endif; ?>
          </div>
        <?php endif; ?>

        <div class="menu-bar d-lg-none">
          <button>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
          </button>
        </div>
      </div>
    </div>
  </div>
</header>
<!-- HEADER END -->