<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />

<?php wp_head(); ?>

</head>

<body <?php body_class(); ?>>

<?php

if ( function_exists('wp_body_open') ) {
	wp_body_open();
}

?>

<a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'urbamag' ); ?></a>

<?php get_template_part('template-parts/scroll','sidebar'); ?>

<div id="wrapper">

    <?php if ( urbamag_setting('urbamag_enable_topbar_section', true) == true ) : ?>

        <div id="topbar-section">

            <div class="container">

                <div class="row">

                    <div class="col-md-12">

                        <div class="topbar-left-column">

                            <?php echo esc_html(urbamag_get_current_date());?>

                        </div>

                        <div class="topbar-right-column">

                            <?php 
                                        
                                if ( 
                                    urbamag_is_woocommerce_active() && 
                                    urbamag_setting('urbamag_enable_woocommerce_header_cart', true) == true
                                ) :
                                            
                                    echo urbamag_header_cart();
                                        
                                endif;
                                    
                            ?>
                            
                            <?php if ( get_theme_mod('urbamag_enable_header_search_form', true) == true ) : ?>

                                <div class="header-search">
                                    <a class="open-search-form" href="#search-form"><i class="fa fa-search" aria-hidden="true"></i></a>
                                    <div class="search-form"><?php get_search_form();?></div>
                                </div>

                            <?php endif; ?>

                            <a class="open-modal-sidebar" href="#modal-sidebar"><i class="fa fa-bars"></i></a>

                        </div>
                    
                    </div>

                </div>

            </div>

        </div>

    <?php endif;?>

	<header id="header-wrapper" >

        <div id="header" class="header-menu-layout">

            <div class="container">

                <div class="row header-flex">

                    <div id="primary-menu-wrapper" class="col-md-4" >

                        <button class="menu-toggle" aria-controls="mainmenu" aria-expanded="false" type="button">
                            <span aria-hidden="true"><?php esc_html_e( 'Menu', 'urbamag' ); ?></span>
                            <span class="dashicons" aria-hidden="true"></span>
                        </button>

                        <nav id="primary-menu" class="header-menu" >

                            <?php

                                wp_nav_menu( array(
                                    'theme_location' => 'main-menu',
                                    'container' => 'false'
                                ));

                            ?>

                        </nav>

                    </div>

                    <div class="col-md-4" >

                        <div id="logo">

                            <?php

                                if ( function_exists( 'the_custom_logo' ) && get_theme_mod( 'custom_logo' ) ) {

                                    the_custom_logo();

                                } else {

                                    echo '<a href="' . esc_url(home_url('/')) . '" title="' . esc_attr(get_bloginfo('name')) . '">';

                                        echo esc_html(get_bloginfo('name'));
                                        echo '<span>'. esc_html(get_bloginfo('description')) . '</span>';

                                    echo '</a>';

                                }

                            ?>

                        </div>

                    </div>

                    <div id="secondary-menu-wrapper" class="header-menu-col col-md-4" >

                        <?php if ( has_nav_menu( 'secondary-menu' ) ) : ?>

                            <button class="menu-toggle" aria-controls="top-menu" aria-expanded="false" type="button">
                                <span aria-hidden="true"><?php esc_html_e( 'Menu', 'urbamag' ); ?></span>
                                <span class="dashicons" aria-hidden="true"></span>
                            </button>

                            <nav id="secondary-menu" class="header-menu" >

                                <?php

                                    wp_nav_menu( array(
                                        'theme_location' => 'secondary-menu',
                                        'container' => 'false'
                                    ));

                                ?>

                            </nav>

                        <?php endif; ?>

                    </div>
                    
                    <div class="header-buttons">
                        
                        <a class="open-modal-sidebar" href="#modal-sidebar"><i class="fa fa-bars"></i></a>

                    </div>

                </div>

            </div>

        </div>

	</header>