<!DOCTYPE html>
<html lang="en">

<head>
    <title>@yield('title', 'Home') </title>

    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="">

    <!-- Google Fonts -->
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700%7COpen+Sans:400,400i,600,700' rel='stylesheet'>

    <!-- Css -->
    <link rel="stylesheet" href="/frontend/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/frontend/css/magnific-popup.css" />
    <link rel="stylesheet" href="/frontend/css/font-icons.css" />
    <link rel="stylesheet" href="/frontend/css/sliders.css" />
    <link rel="stylesheet" href="/frontend/css/style.css" />

    <!-- Favicons -->
    <link rel="shortcut icon" href="/frontend/img/favicon.ico">
    <link rel="apple-touch-icon" href="/frontend/img/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/frontend/img/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/frontend/img/apple-touch-icon-114x114.png">

</head>

<body class="relative">

    <!-- Preloader -->
    <div class="loader-mask">
        <div class="loader">
            <div></div>
            <div></div>
        </div>
    </div>

    <main class="main-wrapper">

        <header class="nav-type-1">

            <!-- Fullscreen search -->
            <div class="search-wrap">
                <div class="search-inner">
                    <div class="search-cell">
                        <form method="get">
                            <div class="search-field-holder">
                                <input type="search" class="form-control main-search-input" placeholder="Search for">
                                <i class="ui-close search-close" id="search-close"></i>
                            </div>
                        </form>
                    </div>
                </div>
            </div> <!-- end fullscreen search -->

            <nav class="navbar navbar-static-top">
                <div class="navigation" id="sticky-nav">
                    <div class="container relative">

                        <div class="row flex-parent">

                            <div class="navbar-header flex-child">
                                <!-- Logo -->
                                <div class="logo-container">
                                    <div class="logo-wrap">
                                        <a href="/">
                                            @php
                                                // $about = App\Models\About::first();
                                            @endphp
                                            <span class="logo-text">Petani<span class="bold-italic">Ku.</span></span>
                                        </a>
                                    </div>
                                </div>
                                <button type="button" class="navbar-toggle" data-toggle="collapse"
                                    data-target="#navbar-collapse">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <!-- Mobile cart -->
                                <div class="nav-cart mobile-cart hidden-lg hidden-md">
                                    <div class="nav-cart-outer">
                                        <div class="nav-cart-inner">
                                            <a href="/frontend/#" class="nav-cart-icon">
                                                <span class="nav-cart-badge">2</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div> <!-- end navbar-header -->

                            <div class="nav-wrap flex-child">
                                <div class="collapse navbar-collapse text-center" id="navbar-collapse">

                                    <ul class="nav navbar-nav">

                                        <li class="dropdown">
                                            <a href="/">Home</a>
                                        </li>

                                        <li class="dropdown">
                                            <a href="/about">About</a>
                                        </li>
                                        @php
                                            $categories = App\Models\Kategori::all();
                                        @endphp

                                        <li class="dropdown">
                                            <a href="#">Shop</a>
                                            <i class="fa fa-angle-down dropdown-trigger"></i>
                                            <ul class="dropdown-menu megamenu-wide">
                                                <li>
                                                    <div class="megamenu-wrap container">
                                                        <div class="row">
                                                            @foreach ($categories as $category)
                                                                <div class="col-md-3 megamenu-item">
                                                                    <ul class="menu-list">
                                                                        <li>
                                                                            <a
                                                                                href="/products/{{ $category->id_kategori }}">{{ $category->nama_kategori }}</a>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>


                                        <li class="dropdown">
                                            <a href="/orders">My Orders</a>
                                        </li>

                                        <li class="dropdown">
                                            <a href="/faq">F.A.Q</a>
                                        </li>

                                        <!-- Mobile search -->
                                        <li id="mobile-search" class="hidden-lg hidden-md">
                                            <form method="get" class="mobile-search">
                                                <input type="search" class="form-control" placeholder="Search...">
                                                <button type="submit" class="search-button">
                                                    <i class="fa fa-search"></i>
                                                </button>
                                            </form>
                                        </li>

                                    </ul> <!-- end menu -->
                                </div> <!-- end collapse -->
                            </div> <!-- end col -->

                            <div class="flex-child flex-right nav-right hidden-sm hidden-xs">
                                <ul>
                                    <li class="nav-register">
                                        @if (Auth::guard('webmember')->check())
                                            <a href="/profile">{{ Auth::guard('webmember')->user()->nama_member }}</a>
                                        @else
                                            <a href="/login_member">Login</a>
                                        @endif
                                    </li>
                                    <li class="nav-search-wrap style-2 hidden-sm hidden-xs">
                                        <a href="#" class="nav-search search-trigger">
                                            <i class="fa fa-search"></i>
                                        </a>
                                    </li>
                                    <li class="nav-cart">
                                        <div class="nav-cart-outer">
                                            <div class="nav-cart-inner">
                                                <a href="/cart" class="nav-cart-icon"></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="nav-register">
                                        @if (Auth::guard('webmember')->check())
                                            <a href="/logout_member">Logout</a>
                                        @endif
                                    </li>
                                </ul>
                            </div>

                        </div> <!-- end row -->
                    </div> <!-- end container -->
                </div> <!-- end navigation -->
            </nav> <!-- end navbar -->
        </header>

        <div class="content-wrapper oh">
            @yield('content')
            <!-- Newsletter -->
            <section class="newsletter" id="subscribe">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12 text-center">
                            <h4>Get the latest updates</h4>
                            <form class="relative newsletter-form">
                                <input type="email" class="newsletter-input" placeholder="Enter your email">
                                <input type="submit" class="btn btn-lg btn-dark newsletter-submit"
                                    value="Subscribe">
                            </form>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Footer Type-1 -->
            <footer class="footer footer-type-1">
                <div class="container">
                    <div class="footer-widgets">
                        <div class="row">

                            <div class="col-md-3 col-sm-12 col-xs-12">
                                <div class="widget footer-about-us">
                                    <img src="/frontend/img/logo_dark.png" alt="" class="logo">
                                    <p class="mb-30">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quos
                                        cupiditate obcaecati dicta? Beatae sit quod atque veniam dignissimos impedit
                                        fuga cupiditate quibusdam alias, asperiores corrupti eveniet dolorem, voluptatum
                                        nihil eligendi!</p>
                                    <div class="footer-socials">
                                        <div class="social-icons nobase">
                                            <a href="/frontend/#"><i class="fa fa-twitter"></i></a>
                                            <a href="/frontend/#"><i class="fa fa-facebook"></i></a>
                                            <a href="/frontend/#"><i class="fa fa-google-plus"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div> <!-- end about us -->
                            {{-- 
              <div class="col-md-2 col-md-offset-1 col-sm-6 col-xs-12">
                <div class="widget footer-links">
                  <h5 class="widget-title bottom-line left-align grey">Information</h5>
                  <ul class="list-no-dividers">
                    <li><a href="/frontend/#">Our stores</a></li>
                    <li><a href="/frontend/#">About us</a></li>
                    <li><a href="/frontend/#">Business with us</a></li>
                    <li><a href="/frontend/#">Delivery information</a></li>
                  </ul>
                </div>
              </div> --}}

                            {{-- <div class="col-md-2 col-sm-6 col-xs-12">
                <div class="widget footer-links">
                  <h5 class="widget-title bottom-line left-align grey">Account</h5>
                  <ul class="list-no-dividers">                  
                    <li><a href="/frontend/#">My account</a></li>
                    <li><a href="/frontend/#">Wishlist</a></li>
                    <li><a href="/frontend/#">Order history</a></li>
                    <li><a href="/frontend/#">Specials</a></li>
                  </ul>
                </div>
              </div>

              <div class="col-md-2 col-sm-6 col-xs-12">
                <div class="widget footer-links">
                  <h5 class="widget-title bottom-line left-align grey">Useful Links</h5>
                  <ul class="list-no-dividers">
                    <li><a href="/frontend/#">Shipping Policy</a></li>
                    <li><a href="/frontend/#">Stores</a></li>
                    <li><a href="/frontend/#">Returns</a></li>
                    <li><a href="/frontend/#">Terms &amp; Conditions</a></li>
                  </ul>
                </div>
              </div> --}}

                            <div class="col-md-2 col-sm-6 col-xs-12">
                                <div class="widget footer-links">
                                    <h5 class="widget-title bottom-line left-align grey">Service</h5>
                                    <ul class="list-no-dividers">
                                        <li><a href="/frontend/#">Support</a></li>
                                        <li><a href="/frontend/#">Warranty</a></li>
                                        <li><a href="/frontend/#">FAQ</a></li>
                                        <li><a href="/frontend/#">Contact</a></li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                    </div>
                </div> <!-- end container -->

                <div class="bottom-footer">
                    <div class="container">
                        <div class="row">

                            <div class="col-sm-6 copyright sm-text-center">
                                <span>
                                    &copy; 2017 Zenna Theme, Made by <a href="http://deothemes.com">DeoThemes</a>
                                </span>
                            </div>

                            <div class="col-sm-6 col-xs-12 footer-payment-systems text-right sm-text-center mt-sml-10">
                                <i class="fa fa-cc-paypal"></i>
                                <i class="fa fa-cc-visa"></i>
                                <i class="fa fa-cc-mastercard"></i>
                                <i class="fa fa-cc-discover"></i>
                                <i class="fa fa-cc-amex"></i>
                            </div>

                        </div>
                    </div>
                </div> <!-- end bottom footer -->
            </footer> <!-- end footer -->

            <div id="back-to-top">
                <a href="#top"><i class="fa fa-angle-up"></i></a>
            </div>

        </div> <!-- end content wrapper -->
    </main> <!-- end main wrapper -->

    <!-- jQuery Scripts -->
    <script type="text/javascript" src="/frontend/js/jquery.min.js"></script>
    <script type="text/javascript" src="/frontend/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/frontend/js/plugins.js"></script>
    <script type="text/javascript" src="/frontend/js/scripts.js"></script>
    @stack('js')


</body>

</html>
