MIF_E31210515/BackEnd/laravel-pos-ecommerce-backend/resources/views/layouts/main.blade.php

150 lines
7.7 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="csrf-token" content="{{ csrf_token() }}" />
<title>POS - Ecommerce</title>
<link rel="shortcut icon" href="{{ asset('assets/images/img_logo.png') }}">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="{{ asset('assets/vendors/mdi/css/materialdesignicons.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/vendors/css/vendor.bundle.base.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
<link rel="stylesheet" href="//cdn.datatables.net/1.13.2/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="{{ asset('style/style.css') }}" />
<link rel="stylesheet" href="{{ asset('fontawesome/css/all.min.css') }}">
{{-- <link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/fontawesome.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css" /> --}}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.min.css">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
</head>
<body>
<div class="container-scroller">
<!-- partial:partials/_navbar.html -->
<nav class="navbar default-layout-navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
<div class="text-center navbar-brand-wrapper d-flex align-items-center justify-content-center">
<a class="brand-logo navbar-brand" href="">
<h2 class="fw-bold" style="color: black; font-weight: bold; font-family: Pacifico">Nusa Dua Agro
</h2>
{{-- <img
src="{{ URL::asset('assets/images/logo_LABAIK.png') }}" alt="logo"
style="object-fit: cover" /> --}}
</a>
<a class="navbar-brand brand-logo-mini" href="index.html">
{{-- <img src="{{ asset('assets/images/Logo_LABAIK.png') }}" alt="" width="100px"
class="py-2" /> --}}
<h2 class="fw-bold" style="color: black; font-weight: bold; font-family: Pacifico">Tani
</h2>
{{-- <img
src="{{ URL::asset('assets/images/logo-mini.svg') }}" alt="logo" /> --}}
</a>
</div>
<div class="navbar-menu-wrapper d-flex align-items-stretch">
<button class="navbar-toggler navbar-toggler align-self-center" type="button" data-toggle="minimize">
<span class="mdi mdi-menu"></span>
</button>
<ul class="navbar-nav navbar-nav-right">
<li class="nav-item nav-profile dropdown">
<a class="nav-link dropdown-toggle" id="profileDropdown" href="#"
data-bs-toggle="dropdown" aria-expanded="false">
<div class="nav-profile-img">
<img src="{{ url('storage/' . auth()->user()->foto) }}" alt="image"
style="width: 35px; height: 35px; object-fit: cover;" alt="gambar"
class="rounded-circle">
<span class="availability-status online"></span>
</div>
<div class="nav-profile-text">
<p class="mb-1 text-black">{{ auth()->user()->name }}</p>
</div>
</a>
<div class="dropdown-menu navbar-dropdown" aria-labelledby="profileDropdown">
<a class="dropdown-item text-dark" href="{{ route('logout') }}"
onclick="event.preventDefault();
Swal.fire({
title: '<span>Do you want to logout ?</span>',
icon: 'question',
showCancelButton: true,
confirmButtonColor: '#d33',
cancelButtonColor: '#3085d6',
confirmButtonText: 'Yes',
cancelButtonText: 'Cancel',
width:'400px'
}).then((result) => {
if (result.isConfirmed) {
document.getElementById('logout-form').submit();
}
});">
Logout
</a>
<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
@csrf
</form>
</div>
</li>
<li class="nav-item d-none d-lg-block full-screen-link">
<a class="nav-link">
<i class="mdi mdi-fullscreen" id="fullscreen-button"></i>
</a>
</li>
</ul>
<button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button"
data-toggle="offcanvas">
<span class="mdi mdi-menu"></span>
</button>
</div>
</nav>
<!-- partial -->
<div class="container-fluid page-body-wrapper">
<!-- partial:partials/_sidebar.html -->
@include('partials.sidebar')
<!-- partial -->
<div class="main-panel content-wrapper">
<div class="card mt-3">
@yield('content')
</div>
<!-- partial:partials/_footer.html -->
@include('partials.footer')
<!-- partial -->
</div>
<!-- main-panel ends -->
</div>
</div>
<script src="{{ asset('assets/vendors/js/vendor.bundle.base.js') }}"></script>
<!-- endinject -->
<!-- Plugin js for this page -->
<script src="{{ asset('assets/vendors/chart.js/Chart.min.js') }}"></script>
<script src="{{ asset('assets/js/jquery.cookie.js') }}" type="text/javascript"></script>
<!-- End plugin js for this page -->
<script src="{{ asset('assets/js/off-canvas.js') }}"></script>
<script src="{{ asset('assets/js/hoverable-collapse.js') }}"></script>
<script src="{{ asset('assets/js/misc.js') }}"></script>
<!-- endinject -->
<!-- Custom js for this page -->
<script src="{{ asset('assets/js/dashboard.js') }}"></script>
<script src="{{ asset('assets/js/todolist.js') }}"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<script src="//cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"></script>
@stack('script');
@yield('footer')
<!-- End custom js for this page -->
</body>
</html>