319 lines
18 KiB
PHP
319 lines
18 KiB
PHP
<!doctype html>
|
|
<html class="no-js" lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<title>{{ config('app.name', 'Laravel') }} | @yield('title')</title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<!-- Favicon -->
|
|
<link rel="shortcut icon" type="image/x-icon" href="{{ asset('frontend/assets/img/favicon.png') }}">
|
|
|
|
<!-- all css here -->
|
|
<link rel="stylesheet" href="{{ asset('frontend/assets/css/bootstrap.min.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('frontend/assets/css/magnific-popup.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('frontend/assets/css/animate.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('frontend/assets/css/owl.carousel.min.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('frontend/assets/css/themify-icons.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('frontend/assets/css/pe-icon-7-stroke.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('frontend/assets/css/icofont.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('frontend/assets/css/meanmenu.min.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('frontend/assets/css/easyzoom.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('frontend/assets/css/bundle.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('frontend/assets/css/style.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('frontend/assets/css/responsive.css') }}">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
<script src="{{ asset('frontend/assets/js/vendor/modernizr-2.8.3.min.js') }}"></script>
|
|
|
|
<link rel="stylesheet" href="{{ asset('frontend/assets/css/custom.css') }}">
|
|
|
|
<!-- CSRF Token -->
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
@livewireStyles
|
|
|
|
@stack('style')
|
|
</head>
|
|
<body>
|
|
|
|
<!-- header start -->
|
|
<header>
|
|
<div class="header-top-furniture wrapper-padding-2 res-header-sm">
|
|
<div class="container-fluid">
|
|
<div class="header-bottom-wrapper">
|
|
<div class="logo-2 furniture-logo ptb-30">
|
|
<a href="/">
|
|
<img height="60" style="transform:scale(2);object-fit: cover;" src="{{ asset('frontend/assets/img/logo/logo.jpg') }}" alt="">
|
|
</a>
|
|
</div>
|
|
<div class="menu-style-2 furniture-menu menu-hover">
|
|
<nav>
|
|
<ul>
|
|
<li>
|
|
<a href="/">home</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ route('shop.index') }}">shop</a>
|
|
</li>
|
|
<li><a href="#">Categories</a>
|
|
<ul class="single-dropdown">
|
|
@foreach($categories_menu as $category_menu)
|
|
<li><a href="{{ route('shop.index', $category_menu->slug) }}">{{ $category_menu->name }}</a></li>
|
|
@endforeach
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="{{ route('service.index') }}">Services</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<div class="header-cart">
|
|
<a class="icon-cart-furniture" href="{{ route('cart.index') }}">
|
|
<i class="ti-shopping-cart"></i>
|
|
<span class="shop-count-furniture green">{{ \Cart::getTotalQuantity() }}</span>
|
|
</a>
|
|
@if (!\Cart::isEmpty())
|
|
<ul class="cart-dropdown">
|
|
@foreach (\Cart::getContent() as $item)
|
|
@php
|
|
$product = $item->associatedModel;
|
|
$image = !empty($product->firstMedia) ? asset('storage/images/products/'. $product->firstMedia->file_name) : asset('frontend/assets/img/cart/3.jpg')
|
|
@endphp
|
|
<li class="single-product-cart">
|
|
<div class="cart-img">
|
|
<a href="{{ route('product.show', $product->slug) }}"><img src="{{ $image }}" alt="{{ $product->name }}" style="width:100px"></a>
|
|
</div>
|
|
<div class="cart-title">
|
|
<h5><a href="{{ route('product.show', $product->slug) }}">{{ $item->name }}</a></h5>
|
|
<span>{{ number_format($item->price) }} x {{ $item->quantity }}</span>
|
|
</div>
|
|
<div class="cart-delete">
|
|
<form id="deleteCart" action="{{ route('cart.destroy', $item->id) }}" method="POST" class="d-none">
|
|
@csrf
|
|
@method('delete')
|
|
</form>
|
|
<a href="" onclick="event.preventDefault();document.getElementById('deleteCart').submit();" class="delete"><i class="ti-trash"></i></a>
|
|
</div>
|
|
</li>
|
|
@endforeach
|
|
<li class="cart-space">
|
|
<div class="cart-sub">
|
|
<h4>Subtotal</h4>
|
|
</div>
|
|
<div class="cart-price">
|
|
<h4>{{ number_format(\Cart::getSubTotal()) }}</h4>
|
|
</div>
|
|
</li>
|
|
<li class="cart-btn-wrapper">
|
|
<a class="cart-btn btn-hover" href="{{ route('cart.index') }}">view cart</a>
|
|
<a class="cart-btn btn-hover" href="{{ route('checkout.process') }}">checkout</a>
|
|
</li>
|
|
</ul>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="mobile-menu-area d-md-block col-md-12 col-lg-12 col-12 d-lg-none d-xl-none">
|
|
<div class="mobile-menu">
|
|
<nav id="mobile-menu-active">
|
|
<ul class="menu-overflow">
|
|
<li>
|
|
<a href="#">HOME</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ route('shop.index') }}">shop</a>
|
|
</li>
|
|
<li><a href="#">categories</a>
|
|
<ul>
|
|
@foreach($categories_menu as $category_menu)
|
|
<li><a href="{{ route('shop.index', $category_menu->slug) }}">{{ $category_menu->name }}</a></li>
|
|
@endforeach
|
|
</ul>
|
|
</li>
|
|
<li><a href="#"> Contact </a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="header-bottom-furniture wrapper-padding-2 border-top-3" style="border-bottom: 1px solid #e0e0e0;">
|
|
<div class="container-fluid">
|
|
<div class="furniture-bottom-wrapper">
|
|
<div class="furniture-login">
|
|
<ul>
|
|
@guest
|
|
<li>Get Access: <a href="{{ route('login') }}">Login</a></li>
|
|
<li><a href="{{ route('register') }}">Register</a></li>
|
|
@else
|
|
<li>Hello: <a href="{{ route('profile.index') }}">{{ auth()->user()->username }}</a></li>
|
|
<a href="{{ route('logout') }}"
|
|
onclick="event.preventDefault();
|
|
document.getElementById('logout-form').submit();">
|
|
{{ __('Logout') }}
|
|
</a>
|
|
|
|
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
|
|
@csrf
|
|
</form>
|
|
@endguest
|
|
</ul>
|
|
</div>
|
|
<div class="furniture-search">
|
|
<form>
|
|
<input placeholder="I am Searching for . . ." type="text" name="q" autocomplete="off" id="search">
|
|
<button disabled>
|
|
<i class="ti-search"></i>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<div class="furniture-wishlist">
|
|
<ul>
|
|
<li>
|
|
<a href="{{ route('favorite.index') }}"><i class="ti-heart"></i> Favorites</a>
|
|
</li>
|
|
@auth
|
|
<li>
|
|
<a href="{{ route('orders.index') }}"><i class="ti-money"></i> Orders</a>
|
|
</li>
|
|
@endauth
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- header end -->
|
|
|
|
@yield('content')
|
|
|
|
<footer class="footer-area">
|
|
<div class="footer-top-area pt-70 pb-35 wrapper-padding-5">
|
|
<div class="container-fluid">
|
|
<div class="widget-wrapper">
|
|
<div class="footer-widget mb-30">
|
|
<img height="60" style="transform:scale(1.5);object-fit: cover;" src="{{ asset('frontend/assets/img/logo/logo.jpg') }}" alt="">
|
|
<div class="footer-about-2">
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3952.720934169864!2d113.2532870147671!3d-7.764183794418034!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd6862a8f23b04d%3A0x6c21b32ee7b8d746!2sJl.%20Mastrip%20No.159%2C%20Jrebeng%20Wetan%2C%20Kec.%20Kedopok%2C%20Kota%20Probolinggo%2C%20Jawa%20Timur%2067227!5e0!3m2!1sen!2sid!4v1649652136072!5m2!1sen!2sid" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
|
</div>
|
|
</div>
|
|
<div class="footer-widget mb-30">
|
|
<h3 class="footer-widget-title-5">Contact Info</h3>
|
|
<div class="footer-info-wrapper-3">
|
|
<div class="footer-address-furniture">
|
|
<div class="footer-info-icon3">
|
|
<span>Alamat: </span>
|
|
</div>
|
|
<div class="footer-info-content3">
|
|
<p>Jl. Mastrip No.159 <br>Kec. Kedopok, Kota Probolinggo</p>
|
|
</div>
|
|
</div>
|
|
<div class="footer-address-furniture">
|
|
<div class="footer-info-icon3">
|
|
<span>WA: </span>
|
|
</div>
|
|
<div class="footer-info-content3">
|
|
<p><a href="https://wa.me/6285645979260" target="_blank">085645979260</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="footer-address-furniture">
|
|
<div class="footer-info-icon3">
|
|
<span>IG: </span>
|
|
</div>
|
|
<div class="footer-info-content3">
|
|
<p><a href="https://www.instagram.com/aleea.beautysalon" target="_blank">aleea.beautysalon</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="footer-widget mb-30">
|
|
<h3 class="footer-widget-title-5" style="font-size: 1.5em;">Quick Links</h3>
|
|
<div class="footer-newsletter-2">
|
|
<ul style="font-size: 1.2em;">
|
|
<li><a href="/">Home</a></li>
|
|
<li><a href="{{ route('shop.index') }}">Shop</a></li>
|
|
<li><a href="{{ route('service.index') }}">Services</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom ptb-20 gray-bg-8">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 text-center">
|
|
<div class="copyright-furniture">
|
|
<p>Copyright © <a href="https://hastech.company/">Aleea Salon</a> 2024 . All Right Reserved.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.2/dist/alpine.min.js" defer></script>
|
|
@livewireScripts
|
|
<!-- all js here -->
|
|
<script src="{{ asset('frontend/assets/js/vendor/jquery-1.12.0.min.js') }}"></script>
|
|
<script src="{{ asset('frontend/assets/js/popper.js') }}"></script>
|
|
<script src="{{ asset('frontend/assets/js/bootstrap.min.js') }}"></script>
|
|
<script src="{{ asset('frontend/assets/js/jquery.magnific-popup.min.js') }}"></script>
|
|
<script src="{{ asset('frontend/assets/js/isotope.pkgd.min.js') }}"></script>
|
|
<script src="{{ asset('frontend/assets/js/imagesloaded.pkgd.min.js') }}"></script>
|
|
<script src="{{ asset('frontend/assets/js/jquery.counterup.min.js') }}"></script>
|
|
<script src="{{ asset('frontend/assets/js/waypoints.min.js') }}"></script>
|
|
<script src="{{ asset('frontend/assets/js/ajax-mail.js') }}"></script>
|
|
<script src="{{ asset('frontend/assets/js/owl.carousel.min.js') }}"></script>
|
|
<script src="{{ asset('frontend/assets/js/plugins.js') }}"></script>
|
|
<script src="{{ asset('frontend/assets/js/main.js') }}"></script>
|
|
<script src="{{ asset('frontend/assets/js/app.js') }}"></script>
|
|
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.11.1/typeahead.bundle.min.js"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
let bloodhound = new Bloodhound({
|
|
datumTokenizer: Bloodhound.tokenizers.whitespace,
|
|
queryTokenizer: Bloodhound.tokenizers.whitespace,
|
|
remote: {
|
|
url: '{{url("search")}}?productName=%QUERY%', //'/user/find?q=%QUERY%',
|
|
wildcard: '%QUERY%'
|
|
},
|
|
});
|
|
|
|
$('#search').typeahead({
|
|
hint: true,
|
|
highlight: true,
|
|
minLength: 1
|
|
}, {
|
|
name: 'products',
|
|
source: bloodhound,
|
|
limit: 10,
|
|
display: function(data) {
|
|
return data.name //Input value to be set when you select a suggestion.
|
|
},
|
|
templates: {
|
|
empty: [
|
|
'<div class="list-group-item">There are no matching search results</div>'
|
|
],
|
|
header: [
|
|
'<div class="list-group search-results-dropdown">'
|
|
],
|
|
suggestion: function(data) {
|
|
return '<div style="font-weight:normal; width:100%" class="list-group-item"><a href="{{url('product')}}/'+data.slug+'">' + data.name + '</a></div></div>'
|
|
}
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
|
|
@stack('script')
|
|
</body>
|
|
</html>
|