<?php
/**
 * Header template for our theme
 *
 * Displays all of the <head> section and everything up till <div id="main">.
 */
?>  
<!doctype html>
<html <?php language_attributes(); ?>> 
    <head>
	    <!-- Global site tag (gtag.js) - Google Analytics -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-316486-58"></script>
		<script>
			window.dataLayer = window.dataLayer || [];
			function gtag(){dataLayer.push(arguments);}
			gtag('js', new Date());

			gtag('config', 'UA-316486-58');
		</script>
		

	<!-- Google Tag Manager -->
	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-KFDMQGH');</script>
	<!-- End Google Tag Manager -->

        <meta charset="<?php bloginfo('charset'); ?>" />

        <link rel="profile" href="http://gmpg.org/xfn/11" />
        <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />
        <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />	
        <!-- Required meta tags -->
        <!--<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">-->
	
		<?php $ID = $wp_query->post->ID;
              if (empty($ID) || $ID != '2997' || $ID != '7080') {?>
					<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
	  
	    <?php } ?>
        <title>
            <?php
            /*
             * Print the <title> tag based on what is being viewed.
             */
            global $page, $paged;

            wp_title('|', true, 'right');

            // Add the blog name.
            bloginfo('name');

            // Add the blog description for the home/front page.
            $site_description = get_bloginfo('description', 'display');
            if ($site_description && ( is_home() || is_front_page() )) {
                echo " | $site_description";
            }

            // Add a page number if necessary:
            if (( $paged >= 2 || $page >= 2 ) && !is_404()) {
                echo esc_html(' | ' . sprintf(__('Page %s', 'whpp'), max($paged, $page)));
            }
            ?>
        </title>
        <?php
        wp_head();
        ?>
    </head>
    <body <?php body_class(); ?>>
        <!--Start Header -->
        <header class="w-header fixed-top">
            <div class="header-overlay"></div>
            <nav class="navbar navbar-expand-lg navbar-light sticky-top">
                <div class="container">
                    <a class="navbar-brand" href="https://clubwyndhamsp.com">
                        <img src="<?php echo (get_field('header_logo','options'))? get_field('header_logo','options') : get_stylesheet_directory_uri().'/html/images/WMSPC_RGB_logo.png'; ?>" />
                    </a>
                    <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#mobileMenu" aria-controls="mobileMenu"
                            aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                        <span class="fa fa-times"></span>
                    </button>
                    <div class="collapse navbar-collapse main-menu" id="navbarSupportedContent">
                        <?php
                        $defaults = array(
                            'theme_location' => 'primary',
                            'menu' => '',
                            'container' => '',
                            'container_class' => '',
                            'container_id' => '',
                            'menu_class' => 'navbar-nav m-auto',
                            'menu_id' => 'wyn-nav',
                            'echo' => true,
                            'fallback_cb' => 'wp_page_menu',
                            'before' => '',
                            'after' => '',
                            'link_before' => '',
                            'link_after' => '',
                            'items_wrap' => '<ul id="%1$s" class="m-auto navbar-nav">%3$s</ul>',
                            'depth' => 0,
                            'walker' => new wp_bootstrap_navwalker()
                        );
                        ?> 
                        <?php wp_nav_menu($defaults); ?>

                        
                    </div>
                    <section class="w-search ml-auto d-block">

                            <!-- <button class="btn btn-outline-primary my-2 my-sm-0 login-btn"  type="button" <?php echo(!isset($_SESSION["WHPPDATA"])) ? ' data-toggle="modal" data-target="#login" data-backdrop="static" ' : 'id="whppLogout"'; ?> ><?php echo(!isset($_SESSION["WHPPDATA"])) ? 'Login' : 'Logout'; ?></button> -->
                            
                            <ul class="navbar-nav ml-auto w-useractions">        
                            <li class="nav-item dropdown">
                                <a href="javaScript:void(0)" class="nav-link dropdown-toggle p-3 py-4" id="useractions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                    <i class="fas fa-user"></i>
                                </a>
                                <ul class="dropdown-menu dropdown-menu-right dropdown-default py-2 ml-auto" aria-labelledby="useractions">
                                    <li> 
                                        <a href="https://clubwyndhamsp.com/user-dashboard/" class="dropdown-item text-right"> Owner Dashboard </a> 
                                    </li>
                                </ul>
                            </li>
                            </ul>
                        
                        </section>
                </div>
            </nav>
        </header>
        <!--End Header -->
        <!--Start Mobile Header -->
        <nav class="collapse navbar-collapse h-100 pt-5" id="mobileMenu">
            <!-- <div class="px-3 mobile-header">
                <a class="navbar-brand" href="<?php echo esc_url(home_url('/')); ?>">
                    <img class="w-75" src="<?php echo get_stylesheet_directory_uri(); ?>/html/images/WMSPC_RGB_logo.png" />
                </a>
                <button class="navbar-toggler float-right mt-3" type="button" data-toggle="collapse" data-target="#mobileMenu" aria-controls="mobileMenu"
                        aria-expanded="false" aria-label="Toggle navigation">
                    <span class="fa fa-close"></span>
                </button>
            </div> -->
            <section class="ml-auto px-3 mt-5 d-block d-md-none">
                <!--<button class="btn btn-outline-primary my-2 my-sm-0 login-btn btn-block" type="button" data-toggle="modal" data-target="#merlinlogin" data-backdrop="static">Login</button>-->
				<button class="btn btn-outline-primary my-2 my-sm-0 login-btn btn-block" type="button" data-toggle="modal" data-target="#login" data-backdrop="static">Login</button>
            </section>
            <div class="main-menu pt-3 d-blcok"> 
                <?php
                $defaults = array(
                    'theme_location' => 'primary',
                    'menu' => '',
                    'container' => 'div',
                    'container_class' => 'main-menu',
                    'container_id' => '',
                    'menu_class' => '',
                    'menu_id' => 'wyn-nav',
                    'echo' => true,
                    'fallback_cb' => 'wp_page_menu',
                    'before' => '',
                    'after' => '',
                    'link_before' => '',
                    'link_after' => '',
                    'items_wrap' => '<ul id="%1$s" class="m-auto navbar-nav">%3$s</ul>',
                    'depth' => 0,
                    'walker' => new wp_bootstrap_navwalker()
                );
                ?> 
                <?php wp_nav_menu($defaults); ?>
            </div>
        </nav>
        <!--End Mobile Header -->
        <script>
            (function($) {
                $(document).ready(function() {
                    $(".dropdown > a").addClass("dropdown-toggle").attr("data-toggle", "dropdown");

                    /* Set the width of the side navigation to 250px */
                    // function openNav() {
                    //     $("#mobileMenu").addClass("w-75")
                    // }

                    /* Set the width of the side navigation to 0 */
                    // function closeNav() {
                    //     $("#mobileMenu").removeClass("w-75")
                    // }
                })
            })(jQuery)

        </script>
