<?php
/**
 * The header for our theme
 *
 * This is the template that displays all of the <head> section and everything up until <div id="content">
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package express-movers
 */
?>
<!doctype html>
<html <?php language_attributes(); ?>>

<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="profile" href="https://gmpg.org/xfn/11">
    <?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
    <?php wp_body_open(); ?>
    <div id="page" class="site header">
        <a class="skip-link screen-reader-text" href="#primaryid"><?php esc_html_e( 'Skip to content', 'express-movers' ); ?></a>
        <header id="masthead" class="site-header">
            <div id="section-header" class="section-header">
                <div class="topheader">
                    <div class="topheader-inner">
                        <div class="topheader-contact">
                            <div class="topheader-item topheader-phone">
                                <i class="fa-solid fa-phone" aria-hidden="true"></i>
                                <a href="tel:<?php echo esc_attr(preg_replace('/\s+/', '', get_theme_mod('express_movers_head_phonenumber', '+1 800 555 44 00'))); ?>">
                                    <?php echo esc_html(get_theme_mod('express_movers_head_phonenumber', '+1 800 555 44 00')); ?>
                                </a>
                            </div>
                            <div class="topheader-item topheader-email">
                                <i class="fa-solid fa-envelope" aria-hidden="true"></i>
                                <a href="mailto:<?php echo esc_attr(get_theme_mod('express_movers_head_mail', 'support@example.com')); ?>">
                                    <?php echo esc_html(get_theme_mod('express_movers_head_mail', 'support@example.com')); ?>
                                </a>
                            </div>
                        </div>
                        <div class="topheader-aside">
                            <a class="topheader-announcement" href="<?php echo esc_url(get_theme_mod('express_movers_top_job_link', '#')); ?>">
                                <i class="fa-solid fa-briefcase topheader-announcement-icon" aria-hidden="true"></i>
                                <span class="topheader-announcement-text"><?php echo esc_html(get_theme_mod('express_movers_head_toptext', __('Job Opportunities 2026: Logistics Manager, Operations Director & Fleet Coordinator', 'express-movers'))); ?></span>
                                <i class="fa-solid fa-arrow-right topheader-announcement-arrow" aria-hidden="true"></i>
                            </a>
                            <div class="topheader-social">
                                <?php
                                $express_movers_top_fb  = get_theme_mod('express_movers_top_social_facebook', '#');
                                $express_movers_top_li  = get_theme_mod('express_movers_top_social_linkedin', '#');
                                $express_movers_top_tw  = get_theme_mod('express_movers_top_social_twitter', '#');
                                ?>
                                <a class="topheader-social-btn" href="<?php echo esc_url($express_movers_top_fb); ?>" target="_blank" rel="noopener noreferrer" aria-label="<?php esc_attr_e('Facebook', 'express-movers'); ?>"><i class="fa-brands fa-facebook-f" aria-hidden="true"></i></a>
                                <a class="topheader-social-btn" href="<?php echo esc_url($express_movers_top_li); ?>" target="_blank" rel="noopener noreferrer" aria-label="<?php esc_attr_e('LinkedIn', 'express-movers'); ?>"><i class="fa-brands fa-linkedin-in" aria-hidden="true"></i></a>
                                <a class="topheader-social-btn" href="<?php echo esc_url($express_movers_top_tw); ?>" target="_blank" rel="noopener noreferrer" aria-label="<?php esc_attr_e('Twitter', 'express-movers'); ?>"><i class="fa-brands fa-x-twitter" aria-hidden="true"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="bottomheader stickyheader <?php echo esc_attr(express_movers_sticky_header()); ?>">
                    <div class=""
                        style="<?php if ( get_header_image() ) : ?>background-image: url('<?php echo esc_url( get_header_image() ); ?>');<?php endif; ?>background-position: center top;background-size: cover;">
                        <div class="row header-row">
                            <nav id="site-navigation" class="main-navigation navbar navbar-expand-lg">
                                <div class="col-xl-12 col-lg-12 col-md-12 col-12 nav-sitemenu">
                                    <div class="container">
                                    <div class="grid">
                                        <div class=" widhtlevel">
                                            <div class="sitenave">
                                                <div class="site-branding">
                                                    <?php
                                                    if (has_custom_logo()) {
                                                        the_custom_logo();
                                                    } else {
                                                    if (is_front_page() && is_home()): ?>
                                                    <h1 class="site-title"><a
                                                            href="<?php echo esc_url(home_url('/')); ?>"
                                                            rel="home"><?php bloginfo('name'); ?></a></h1>
                                                    <?php else: ?>
                                                    <div class="business-box">
                                                        <div class="business-title-container">
                                                            <h1 class="site-title"><a
                                                                    href="<?php echo esc_url(home_url('/')); ?>"
                                                                    rel="home"><?php bloginfo('name'); ?></a></h1>
                                                        </div>
                                                    </div>
                                                    <?php endif; ?>

                                                    <?php
                                                        $the_express_movers_description = get_bloginfo('description', 'display');
                                                        if ($the_express_movers_description || is_customize_preview()): ?>
                                                            <p class="site-description">
                                                                <?php echo $the_express_movers_description; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
                                                            </p>
                                                        <?php endif; 
                                                    } ?>
                                                </div>
                                              <button class="menu-toggle" tabindex="0" aria-controls="primary-menu" aria-expanded="false">
    <i class="fa-solid fa-bars mobile-nav-icon bars"></i>
    <i class="fa-solid fa-xmark mobile-nav-icon close"></i>
</button>

                                                <div class="header-col-div align-content-center">
                                                    <?php
                                                        wp_nav_menu(
                                                            array(
                                                                'theme_location' => 'menu-1',
                                                                'menu_id'        => 'primary-menu',
                                                            )
                                                        );
                                                    ?>
                                                </div>
                                            </div>
                                        </div>

                                        <div class=" nav-container align-content-center">
                                            <div class="header-nav">
                                                <div class="d-flex">
                                                    
                                                    <div class="header-col-divs">
                                                        <a href="<?php echo esc_url(get_theme_mod('express_movers_head_btnlink', '#')); ?>">
                                                            <?php echo esc_html(get_theme_mod('express_movers_head_btntext', __('Get A Quote', 'express-movers'))); ?>
                                                        </a>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    </div>
                                </div>

                                
                            </nav><!-- #site-navigation -->
                        </div>
                    </div>
                </div>
            </div>
        </header><!-- #masthead -->
   
