TKK_E32211602_2/resources/views/layout/home.blade.php

326 lines
16 KiB
PHP

<!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>