Elep

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
    <meta name="keywords" content="crave, food, nigeria, lagos, search, food review, review, restaurant, food vendor, outlet, cravvings">
	<meta name="description" content="Food search, discovery and review platform that enables users effortlessly find the food they want">
	<meta name="robots" content="all">
    <meta content="104564437706693" property="fb:profile_id">
	<meta content="875457879311564" property="fb:app_id">
	<meta content="en_NG" property="og:locale">
	<meta content="en_US" property="og:locale:alternate">
	<meta content="en_GB" property="og:locale:alternate">
	<meta content="Cravvings" property="og:site_name">
	<meta content="website" property="og:type">
	<meta content="Discover restaurants and food vendors serving the food you want close to you." property="og:description">
	<meta content="https://www.cravvings.com/images/brand/cravvings_logo_white_bg.jpg" property="og:image">
	<meta content="1250" property="og:image:width">
	<meta content="750" property="og:image:height">
	<meta content="An image of the Cravvings logo - spelt out as cravvings with the v's overlapping and a spoon shaped curve c" property="og:image:alt">
	<meta content="https://www.instagram.com/cravvingsapp/" property="og:see_also">
	<meta content="https://www.facebook.com/cravvingsapp/" property="og:see_also">
	<meta content="https://twitter.com/cravvingsapp" property="og:see_also">
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:site" content="@cravvingsapp">
    <meta name="twitter:creator" content="@cravvingsapp">
    <meta content="Cravvings - Find Food Near You" property="og:title">
    <meta content="https://www.cravvings.com/" property="og:url">
    <meta content="Discover restaurants and food vendors serving the food you want close to you." property="og:description">
    <meta content="https://www.cravvings.com/images/brand/cravvings_logo_white_bg.jpg" property="og:image">
    <meta content="1250" property="og:image:width">
    <meta content="750" property="og:image:height">
    <meta name="twitter:title" content="Cravvings - Find Food Near You">
    <meta name="twitter:description" content="Discover restaurants and other food vendors serving the food you want close to you.">
    <meta name="twitter:image" content="https://www.cravvings.com/images/brand/cravvings_logo_white_bg.jpg">
    <meta name="twitter:image:width" content="1250">
    <meta name="twitter:image:height" content="750">
    <meta name="twitter:image:alt" content="An image of the Cravvings logo - spelt out as cravvings with the v's overlapping and a spoon shaped curve c">

@yield('title')

@if (Auth::user() && Auth::user()->role === 'admin')
     
    @else
      <script defer src="https://www.googletagmanager.com/gtag/js?id=UA-106575396-6"></script>
      <script defer>
          window.dataLayer = window.dataLayer || [];
          function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date())
          gtag('config', 'UA-106575396-6');
      </script>
    @endif
    
    @section('css')
        <link rel="stylesheet" href="/css/html5doctor.css">
        <link rel="stylesheet" href="/css/layout.css">
        <link rel="stylesheet" href="/css/header.css">
    @show
    <link rel="shortcut icon" href="/images/icon.png" type="image/png">

</head>
  <body>
    <div class="hero-header">
      <header class="nav-wrapper list-padding">
          <div class="brand-logo">
              <a href="/">
                  <img src="/images/logo.png" alt="logo" class="logo">
              </a>
              <div class="dropdown">
                  <button class="button button-primary dropdown-toggle" type="button">
                      <img src="/images/icons/hamburger.png" alt="Open Navigation">
                  </button>
                  <ul class="dropdown-menu">
                      <li><a class="dropdown-item" href="{{ route('places.index') }}">Explore</a></li>
                      <li><a class="dropdown-item" href="{{ route('newReview') }}">Write a Review</a></li>
                      @if (Auth::check())
                          <li><a class="dropdown-item" href="{{ route('logout') }}">Logout</a></li>
                      @else
                          <li><a class="dropdown-item" href="{{ route('login') }}">Login</a></li>
                      @endif
                  </ul>
              </div>
          </div>
          
          <div class="nav-links">
              <nav class="nav-home">
                  <div class="nav-items">
                      
                      @if (!Auth::check())
                          <div class="nav-item">
                              <a href="{{ route('places.index') }}" class="nav-link">
                                  Explore
                              </a>
                          </div>
                          <div class="nav-item">
                              <a href="{{ route('login') }}" class="nav-link login">
                                  Login
                              </a>
                          </div>
                          <div class="nav-item">
                              <a href="{{ route('register') }}" class="nav-link signup">
                                  Sign Up
                              </a>
                          </div>
                      @else
                          {{-- <div class="nav-item">
                              <a href="{{ route('places.index') }}" class="nav-link">
                                  Places
                              </a>
                          </div> --}}
                          <div class="nav-item">
                              <a href="{{ route('places.index') }}" class="nav-link  login">
                                  Explore
                              </a>
                          </div>
                      @endif
                  </div>
              </nav>
          </div>
      </header>
    </div>
    @yield('body')
    <nav class="foot-navbar">
        <ul class="navbarList">
            <li class="{{ $page == 'Home' ? 'active' : ''}}">
                <a href="/">
                    <svg id="spoon" style="enable-background:new 0 0 32 32;" version="1.1" height="1em" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M28.4,3.6c-1.1-1.1-2.6-1.7-4.1-1.6c-2.3,0.2-4.5,1.2-6.2,2.8c-2.4,2.4-3.4,5.9-2.6,9.2L2.9,24.9C2.3,25.4,2,26.2,2,27  s0.3,1.6,0.9,2.1C3.4,29.7,4.2,30,5,30s1.6-0.3,2.2-0.9L18,16.5c0.8,0.2,1.5,0.3,2.3,0.3c2.5,0,5-1,6.9-2.9c1.7-1.7,2.7-3.9,2.8-6.2  C30.1,6.2,29.5,4.7,28.4,3.6z M5.7,27.7c-0.4,0.4-1,0.4-1.4,0C4.1,27.5,4,27.3,4,27s0.1-0.5,0.2-0.7l10.1-8.7L5.7,27.7z M25.7,12.5  c-2.1,2.1-5.1,2.8-7.9,1.9l-0.2-0.1l-0.1-0.2c-0.9-2.8-0.2-5.8,1.9-7.9c1.3-1.3,3.1-2.1,4.9-2.3c0.9-0.1,1.9,0.3,2.6,1  c0.7,0.7,1,1.6,1,2.6C27.9,9.4,27.1,11.2,25.7,12.5z"/></svg>
                    <span>Food</span>
                </a>
            </li>
            <li class="{{ $page == 'Places' ? 'active' : ''}}">
                <a href="/places">
                    <svg viewBox="0 0 16 30" height="1em" xmlns="http://www.w3.org/2000/svg"><title/><g data-name="Layer 2" id="Layer_2"><g id="Interface-Solid"><g id="interface-solid-pin"><circle cx="8" cy="6" fill="none" r="1.5"/><path d="M8,0A7.99643,7.99643,0,0,0,7,15.93054V29a1,1,0,0,0,2,0V15.93054A7.99643,7.99643,0,0,0,8,0ZM8,7.5A1.5,1.5,0,1,1,9.5,6,1.5,1.5,0,0,1,8,7.5Z"/></g></g></g></svg>
                    <span>Places</span>
                </a>
            </li>
            <li class="{{ $page == 'Explore' ? 'active' : ''}}">
                <a href="/explore">
                    <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12,14c2.206,0,4-1.794,4-4s-1.794-4-4-4s-4,1.794-4,4S9.794,14,12,14z M12,8c1.103,0,2,0.897,2,2s-0.897,2-2,2 s-2-0.897-2-2S10.897,8,12,8z"></path><path d="M11.42,21.814C11.594,21.938,11.797,22,12,22s0.406-0.062,0.58-0.186C12.884,21.599,20.029,16.44,20,10 c0-4.411-3.589-8-8-8S4,5.589,4,9.995C3.971,16.44,11.116,21.599,11.42,21.814z M12,4c3.309,0,6,2.691,6,6.005 c0.021,4.438-4.388,8.423-6,9.73C10.389,18.427,5.979,14.441,6,10C6,6.691,8.691,4,12,4z"></path></svg>
                    <span>Explore</span>
                </a>
            </li>
            <li class="{{ $page == 'Review' ? 'active' : ''}}">
                <a href="/review">
                    <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M7,17.013l4.413-0.015l9.632-9.54c0.378-0.378,0.586-0.88,0.586-1.414s-0.208-1.036-0.586-1.414l-1.586-1.586	c-0.756-0.756-2.075-0.752-2.825-0.003L7,12.583V17.013z M18.045,4.458l1.589,1.583l-1.597,1.582l-1.586-1.585L18.045,4.458z M9,13.417l6.03-5.973l1.586,1.586l-6.029,5.971L9,15.006V13.417z"></path><path d="M5,21h14c1.103,0,2-0.897,2-2v-8.668l-2,2V19H8.158c-0.026,0-0.053,0.01-0.079,0.01c-0.033,0-0.066-0.009-0.1-0.01H5V5	h6.847l2-2H5C3.897,3,3,3.897,3,5v14C3,20.103,3.897,21,5,21z"></path></svg>
                    <span>Review</span>
                </a>
            </li>
            <li class="{{ $page == 'User' ? 'active' : ''}}">
                <a href="/user/profile#/reviews">
                    <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><circle fill="none" cx="12" cy="7" r="3"></circle><path d="M12 2C9.243 2 7 4.243 7 7s2.243 5 5 5 5-2.243 5-5S14.757 2 12 2zM12 10c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3S13.654 10 12 10zM21 21v-1c0-3.859-3.141-7-7-7h-4c-3.86 0-7 3.141-7 7v1h2v-1c0-2.757 2.243-5 5-5h4c2.757 0 5 2.243 5 5v1H21z"></path></svg>
                    <span>Account</span>
                </a>
            </li>
        </ul>
    </nav>
    @yield('js')
  </body>
</html>