160 lines
8.7 KiB
PHP
160 lines
8.7 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>@yield('title') - TaniDesa</title>
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
|
|
<!-- Google Web Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Raleway:wght@600;800&display=swap" rel="stylesheet">
|
|
|
|
<!-- Icon Font Stylesheet -->
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
|
|
|
|
<link href="{{ asset('template/frontend/lib/lightbox/css/lightbox.min.css') }}" rel="stylesheet">
|
|
<link href="{{ asset('template/frontend/lib/owlcarousel/assets/owl.carousel.min.css') }}" rel="stylesheet">
|
|
|
|
|
|
<!-- Customized Bootstrap Stylesheet -->
|
|
<link href="{{ asset('template/frontend/css/bootstrap.min.css') }}" rel="stylesheet">
|
|
|
|
<!-- Template Stylesheet -->
|
|
<link href="{{ asset('template/frontend/css/style.css') }}" rel="stylesheet">
|
|
|
|
@yield('css')
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Navbar start -->
|
|
<div class="container-fluid fixed-top">
|
|
<div class="container topbar bg-primary d-none d-lg-block">
|
|
<div class="d-flex justify-content-between">
|
|
<div class="top-info ps-2">
|
|
<small class="me-3"><i class="fas fa-map-marker-alt me-2 text-secondary"></i> <a href="#" class="text-white">Desa Sukamaju, Indonesia</a></small>
|
|
<small class="me-3"><i class="fas fa-envelope me-2 text-secondary"></i><a href="#" class="text-white">info@tanidesa.com</a></small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container px-0">
|
|
<nav class="navbar navbar-light bg-white navbar-expand-xl">
|
|
<a href="{{ url('/') }}" class="navbar-brand"><h1 class="text-primary display-6">TaniDesa</h1></a>
|
|
<button class="navbar-toggler py-2 px-3" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
|
<span class="fa fa-bars text-primary"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse bg-white" id="navbarCollapse">
|
|
<div class="navbar-nav mx-auto">
|
|
<a href="{{ url('/') }}" class="nav-item nav-link {{ request()->is('/') ? 'active' : '' }}">Home</a>
|
|
<a href="{{ route('shop') }}" class="nav-item nav-link {{ request()->is('shop*') ? 'active' : '' }}">Belanja</a>
|
|
<a href="#" class="nav-item nav-link">Kontak</a>
|
|
</div>
|
|
<div class="d-flex m-3 me-0">
|
|
<!-- Tombol Search -->
|
|
<button class="btn-search btn border border-secondary btn-md-square rounded-circle bg-white me-4" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search text-primary"></i></button>
|
|
<a href="{{ route('cart') }}" class="position-relative me-4 my-auto">
|
|
<i class="fa fa-shopping-bag fa-2x"></i>
|
|
<span class="position-absolute bg-secondary rounded-circle d-flex align-items-center justify-content-center text-dark px-1" style="top: -5px; left: 15px; height: 20px; min-width: 20px;">
|
|
{{ session('cart') ? count(session('cart')) : 0 }}
|
|
</span>
|
|
</a>
|
|
|
|
<!-- Login / User -->
|
|
@if(Auth::guard('pembeli')->check())
|
|
<div class="nav-item dropdown">
|
|
<a href="#" class="nav-link dropdown-toggle my-auto" data-bs-toggle="dropdown">
|
|
<i class="fas fa-user fa-2x"></i> {{ Auth::guard('pembeli')->user()->nama_lengkap }}
|
|
</a>
|
|
<div class="dropdown-menu m-0 bg-secondary rounded-0">
|
|
<a href="#" class="dropdown-item">Profil</a>
|
|
<a href="#" class="dropdown-item">Riwayat Pesanan</a>
|
|
<form action="{{ route('logout') }}" method="POST">
|
|
@csrf
|
|
<button type="submit" class="dropdown-item">Logout</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
@else
|
|
<a href="{{ route('login') }}" class="my-auto">
|
|
<i class="fas fa-user fa-2x"></i> Login
|
|
</a>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal Search Start -->
|
|
<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-fullscreen">
|
|
<div class="modal-content rounded-0">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLabel">Cari Produk</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body d-flex align-items-center">
|
|
<div class="input-group w-75 mx-auto d-flex">
|
|
<form action="{{ route('shop') }}" method="GET" class="w-100 d-flex">
|
|
<input type="search" name="search" class="form-control p-3" placeholder="Mau cari sayur apa?" aria-describedby="search-icon-1">
|
|
<button type="submit" id="search-icon-1" class="input-group-text p-3"><i class="fa fa-search"></i></button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CONTENT -->
|
|
<div>
|
|
<div class="container pt-4">
|
|
@if(session('success'))
|
|
<div class="alert alert-success alert-dismissible fade show" role="alert">
|
|
<i class="fa fa-check-circle me-2"></i> {{ session('success') }}
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
</div>
|
|
@endif
|
|
|
|
@if(session('error'))
|
|
<div class="alert alert-danger alert-dismissible fade show" role="alert">
|
|
<i class="fa fa-exclamation-circle me-2"></i> {{ session('error') }}
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
@yield('content')
|
|
</div>
|
|
|
|
<!-- Footer Start -->
|
|
<div class="container-fluid bg-dark text-white-50 footer pt-5 mt-5">
|
|
<div class="container py-5">
|
|
<div class="row g-5">
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="footer-item">
|
|
<h4 class="text-light mb-3">TaniDesa</h4>
|
|
<p class="mb-4">Platform jual beli hasil pertanian langsung dari petani desa.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- JavaScript Libraries -->
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<script src="{{ asset('template/frontend/lib/easing/easing.min.js') }}"></script>
|
|
<script src="{{ asset('template/frontend/lib/waypoints/waypoints.min.js') }}"></script>
|
|
<script src="{{ asset('template/frontend/lib/lightbox/js/lightbox.min.js') }}"></script>
|
|
<script src="{{ asset('template/frontend/lib/owlcarousel/owl.carousel.min.js') }}"></script>
|
|
|
|
<script src="{{ asset('template/frontend/js/main.js') }}"></script>
|
|
|
|
@yield('js')
|
|
</body>
|
|
|
|
</html> |