<?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 prime-construction
 */

?>
<!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', 'prime-construction' ); ?></a>
        <header id="masthead" class="site-header">
            <!-- <div class="topheader justify-content-md-between"> -->
                <!-- <div class="container d-flex align-items-center justify-content-center justify-content-md-between">
                    <div class="quote d-flex">
                        <p class="m-0">
                            </?php echo esc_html(get_theme_mod('prime_construction_head_quote', __('Looking for a quality constructor for your next project?', 'prime-construction'))) ?>
                        </p>
                    </div>
                    <div class="contact-info d-flex align-items-center d-none d-md-flex">
                        <div class="email_info me-5">
                            <a href="#" class="d-flex justify-content-center align-item-center p-0">
                                </?php	
							$arterior_texttitle = get_theme_mod('prime_construction_email_icon');
						if ($arterior_texttitle == '') {?>
                                <i
                                    class="fa-solid </?php echo esc_html(get_theme_mod($arterior_texttitle)) ?> iconshade me-3"></i>
                                </?php } else{ ?>
                                <i
                                    class="fa-solid </?php echo esc_html(get_theme_mod('prime_construction_email_icon', __('fa-envelope', 'prime-construction'))) ?> icon me-3"></i>
                                </?php }		?>

                                <p class="mb-0 mt-1">
                                    </?php echo esc_html(get_theme_mod('prime_construction_head_emailtitle', __('info@example.com', 'prime-construction')))?>
                                </p>
                            </a>
                        </div>
                        <div class="social-links d-flex" style="font-size: 20px;">
                            <a href="https://www.facebook.com/" target="_blank" class="me-4">
                                <i
                                    class="fa-brands socialicon </?php echo esc_html(get_theme_mod('prime_construction_facebook_icon', __('fa-facebook-f', 'prime-construction'))) ?>"></i>
                            </a>
                            <a href="https://www.instagram.com/" target="_blank" class="me-4">
                                <i
                                    class="fa-brands socialicon </?php echo esc_html(get_theme_mod('prime_construction_instagram_icon', __('fa-instagram', 'prime-construction'))) ?>">"></i>
                            </a>
                            <a href="https://twitter.com/" target="_blank">
                                <i
                                    class="fa-brands socialicon </?php echo esc_html(get_theme_mod('prime_construction_twitter_icon', __('fa-twitter', 'prime-construction'))) ?>"></i>
                            </a>
                        </div>
                    </div>
                </div> -->
            <!-- </div> -->
            <nav id="site-navigation" class="main-navigation navbar navbar-expand-lg">
                <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">
                                <p class="site-title p-2 m-0"><a href="<?php echo esc_url(home_url('/')); ?>"
                                        rel="home"><?php bloginfo('name'); ?></a></p>
                            </div>
                        </div>
                        <?php endif; ?>

                        <?php
						$the_prime_construction_description = get_bloginfo('description', 'display');
						if ($the_prime_construction_description || is_customize_preview()): ?>
                        <p class="site-description">
                            <?php echo $the_prime_construction_description; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
                        </p>
                        <?php endif; 
					} ?>
                    </div>
                    <button class="menu-toggle" 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>
                <?php
						wp_nav_menu(
							array(
								'theme_location' => 'menu-1',
								'menu_id'        => 'primary-menu',
							)
						);
					?>


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