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

<head>
	<!-- 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-MCHZQMG');</script>
<!-- End Google Tag Manager -->

    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <link rel="icon" type="image/svg+xml" href="/assets/favicon.17e50649.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="preconnect" href="https://fonts.gstatic.com">
    <!-- <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet"> -->
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />

    <!-- <script src="https://code.jquery.com/jquery-3.5.1.min.js"
        integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> -->

    <?php
        if(is_page_template( 'page-templates/template-home.php' )) { ?>
        <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
    <?php }?>

    <!-- vue development -->
    <!-- <script src="https://unpkg.com/vue@next"></script> -->

    <!-- vue production -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.0.11/vue.global.prod.js"
        integrity="sha512-v+zXKcc6SpL6LiZLwCzxijGutXrQ4tulM1X1IRWchA8gliet94/xz3OWeXDgEyPkvS3MLxwKwpceuJoUBc9Wxg=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>

    <script src="https://unpkg.com/vue-easy-lightbox@next/dist/vue-easy-lightbox.umd.min.js"></script>

    <?php

    if(is_page_template( 'page-templates/template-gardens.php' )) { ?>
    <script src="https://printjs-4de6.kxcdn.com/print.min.js"></script>
    <link rel="stylesheet" href="https://printjs-4de6.kxcdn.com/print.min.css">

    <?php } ?>

    <?php wp_head(); ?>
<!--10.03 blog -->
	<!-- <style>
		.row-fluid #content {margin:50px;}
		.row-fluid #content .post {padding-bottom:50px;}
		.row-fluid #content .post .title{font-size:36px;}
		.row-fluid #content .post .post-meta{padding-bottom:50px;}
		.row-fluid #content .post h2{font-size:24px;padding-top:20px;padding-bottom:20px;}
		.row-fluid #content .meta {padding-top:50px;}
	</style> -->
<!--10.03 blog end -->
</head>

<body <?php body_class(); ?>>
	<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MCHZQMG"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

    <main class="main-content">

        <header id="main-nav" class="header wrapper--inner">
            
            <div class="header-logo">
                <a href="<?php echo get_home_url() ?>">
                    <?php 
                        $logo = get_field('main_logo', 'option');
                        if( !empty( $logo ) ): ?>
                            <img src="<?php echo esc_url($logo['url']); ?>" class="img-auto" alt="<?php echo esc_attr($logo['alt']); ?>" />
                    <?php endif; ?>
                </a>
            </div>

            <nav class="nav nav-main">
                <div class="">
                    <button class="flex items-center px-3 py-2 border" id="navbar-btn">
                        <span></span>


                        <!-- <svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> -->
                            <title>Menu</title>
                            <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
                        </svg>
                    </button>
                </div>

                <div class="" id="navbar">
                    <?php wp_nav_menu( array( 
                        'theme_location' => 'primary',
                        'menu_class' => 'main-menu' ) ); 
                    ?>
                </div>

                <?php if (have_rows('social_media', 'option')) : ?>
                    <ul class="social-media">
                        <?php while (have_rows('social_media', 'option')) : the_row(); ?>

                        <?php 
                        $link = get_sub_field('url', 'option');
                        if( $link ): 
                            $link_url = $link['url'];
                            $link_target = $link['target'] ? $link['target'] : '_self';
                            ?>

                        <li class="social-media__single">
                            <a href="<?php echo $link_url; ?>" target="<?php echo $link_target;?>">
                            <?php 
                                $icon = get_sub_field('icon', 'option');
                                if( !empty( $icon ) ): ?>
                                    <img src="<?php echo esc_url($icon['url']); ?>" alt="<?php echo esc_attr($icon['alt']); ?>" class="icon"/>
                                <?php endif; ?>
                            </a>
                        </li>
                        <?php endif; ?>
                        <?php endwhile; ?>
                    </ul>
                <?php endif; ?>
            </nav>
        </header>