<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title><?php if (is_404()): echo "Page Not Found"; else: echo get_the_title(); endif; echo " - ".get_bloginfo(); ?></title>
    <!-- inject:css-->
    <!-- endinject -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
    <?php
    $favicon=get_field('favicon','option');
    if (!empty($favicon)):
        echo "<link rel=\"icon\" type=\"image/x-icon\" href=\"$favicon\">";
    endif; ?>
<!--    <script src="https://maps.google.com/maps/api/js?sensor=false&key=AIzaSyDKtd3gOKI5PKRIuKxuBLt7lIEepZKoP6s"></script>-->
    <script src="https://maps.google.com/maps/api/js?sensor=false&key=AIzaSyDKtd3gOKI5PKRIuKxuBLt7lIEepZKoP6s"></script>
    <?php wp_head(); ?>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
    <style>
        @font-face {
            font-family: Proxima;
            src: url(<?= get_template_directory_uri() ?>/fonts/Proxima-Nova-Extrabold.otf);
            font-weight: 600;
        }
        @font-face {
            font-family: Proxima;
            src: url(<?= get_template_directory_uri() ?>/fonts/Proxima-Nova-Bold.otf);
            font-weight: 500;
        }
        @font-face {
            font-family: Proxima;
            src: url(<?= get_template_directory_uri() ?>/fonts/ProximaNova-Regular.otf);
            font-weight: 400;
        }
        @font-face {
            font-family: Proxima;
            src: url(<?= get_template_directory_uri() ?>/fonts/Proxima-Nova-Alt-Light.otf);
            font-weight: 300;
        }
        @font-face {
            font-family: Proxima;
            src: url(<?= get_template_directory_uri() ?>/fonts/Proxima-Nova-Thin.otf);
            font-weight: 200;
        }
    </style>
</head>
<body <?php body_class(); ?>>
    <header class="container-fluid">
        <div class="row">
            <nav class="navbar ">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <?php
                        $logo = get_field('logo','option');
                        if( !empty($logo) ): ?>
                            <a class="navbar-brand" href="<?= site_url(); ?>">
                                <img class="logo" src="<?php echo $logo['url']; ?>" alt="<?php echo $logo['alt']; ?>" />
                            </a>
                        <?php endif; ?>
                    </div>
                    <div class="collapse navbar-collapse" id="myNavbar">
                        <?php
                        wp_nav_menu(
                            array(
                                'menu' => false,
                                'theme_location' => 'header_menu',
                                'link_before' => false,
                                'link_after' => false,
                                'menu_class' => "nav navbar-nav navbar-right",
                                'menu_id' => false,
                                'container' => false,
                            )
                        );
                        ?>
                    </div>
                </div>
            </nav>
        </div>
    </header>
