<?php session_start();
global $error_message;
?>
<!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">
    <?php wp_head(); ?>
    <?php if (is_user_logged_in()) : ?>
        <style>
            @media screen and (max-width: 782px) {
                html {
                    margin-top: 0px !important;
                }

                .header {
                    /*padding-top: 46px;*/
                }
            }
        </style>
    <?php endif; ?>
</head>

<body <?php body_class(); ?>>
<div class="main">
    <header class="header" id="header">
        <div class="container">
            <nav class="navbar  navbar-expand-lg">
                <a class="navbar-brand" href="<?php echo get_home_url(); ?>"><img src="<?php asset('images/logo.png') ?>" alt="Easy Watch Logo"></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <i class="fa fa-bars"></i>
                </button>

                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <a class="mobile-brand text-center" href="<?php echo get_home_url(); ?>"><img src="<?php asset('images/logo.png') ?>" class="w-75"></a>
                    <?php echo the_menu('MainMenu', 'navbar-nav ml-lg-auto order-lg-1 order-2 mr-lg-2'); ?>
                    <div class="hide-menu"><i class="mdi mdi-close"></i></div>
                </div>
            </nav>
        </div>

    </header>