MIF_E31211810/resources/views/layout/app.blade.php

358 lines
17 KiB
PHP

<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="keywords"
content="wrappixel, admin dashboard, html css dashboard, web dashboard, bootstrap 5 admin, bootstrap 5, css3 dashboard, bootstrap 5 dashboard, Matrix lite admin bootstrap 5 dashboard, frontend, responsive bootstrap 5 admin template, Matrix admin lite design, Matrix admin lite dashboard bootstrap 5 dashboard template"
/>
<meta
name="description"
content="Matrix Admin Lite Free Version is powerful and clean admin dashboard template, inpired from Bootstrap Framework"
/>
<meta name="robots" content="noindex,nofollow" />
<title>Meubel Asshofa - @yield('title')</title>
<!-- Favicon icon -->
<link
rel="icon"
type="image/png"
sizes="16x16"
href="{{asset('assets/assets/images/favicon.png')}}"
/>
<!-- Custom CSS -->
<link href="{{asset('assets/assets/libs/flot/css/float-chart.css')}}" rel="stylesheet" />
<!-- Custom CSS -->
<link href="{{asset('assets/dist/css/style.min.css')}}" rel="stylesheet" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- ============================================================== -->
<!-- Preloader - style you can find in spinners.css -->
<!-- ============================================================== -->
<div class="preloader">
<div class="lds-ripple">
<div class="lds-pos"></div>
<div class="lds-pos"></div>
</div>
</div>
<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<div
id="main-wrapper"
data-layout="vertical"
data-navbarbg="skin5"
data-sidebartype="full"
data-sidebar-position="absolute"
data-header-position="absolute"
data-boxed-layout="full"
>
<!-- ============================================================== -->
<!-- Topbar header - style you can find in pages.scss -->
<!-- ============================================================== -->
<header class="topbar" data-navbarbg="skin5">
<nav class="navbar top-navbar navbar-expand-md navbar-dark">
<div class="navbar-header" data-logobg="skin5">
<!-- ============================================================== -->
<!-- Logo -->
<!-- ============================================================== -->
<a class="navbar-brand" href="index.html">
<!-- Logo icon -->
<b class="logo-icon ps-2">
<!--You can put here icon as well // <i class="wi wi-sunset"></i> //-->
<!-- Dark Logo icon -->
<img
src="{{asset('assets/assets/images/logo-icon.png')}}"
alt="homepage"
class="light-logo"
width="25"
/>
</b>
<!--End Logo icon -->
<!-- Logo text -->
<span class="logo-text ms-2">
<!-- dark Logo text -->
<img
src="{{asset('assets/assets/images/logo-text-asshofa.png')}}"
alt="homepage"
class="light-logo"
/>
</span>
<!-- Logo icon -->
<!-- <b class="logo-icon"> -->
<!--You can put here icon as well // <i class="wi wi-sunset"></i> //-->
<!-- Dark Logo icon -->
<!-- <img src="../assets/images/logo-text.png" alt="homepage" class="light-logo" /> -->
<!-- </b> -->
<!--End Logo icon -->
</a>
<!-- ============================================================== -->
<!-- End Logo -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Toggle which is visible on mobile only -->
<!-- ============================================================== -->
<a
class="nav-toggler waves-effect waves-light d-block d-md-none"
href="javascript:void(0)"
><i class="ti-menu ti-close"></i
></a>
</div>
<!-- ============================================================== -->
<!-- End Logo -->
<!-- ============================================================== -->
<div
class="navbar-collapse collapse"
id="navbarSupportedContent"
data-navbarbg="skin5"
>
<!-- ============================================================== -->
<!-- toggle and nav items -->
<!-- ============================================================== -->
<ul class="navbar-nav float-start me-auto">
<li class="nav-item d-none d-lg-block">
<a
class="nav-link sidebartoggler waves-effect waves-light"
href="javascript:void(0)"
data-sidebartype="mini-sidebar"
><i class="mdi mdi-menu font-24"></i
></a>
</li>
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Search -->
<!-- ============================================================== -->
</ul>
<!-- ============================================================== -->
<!-- Right side toggle and nav items -->
<!-- ============================================================== -->
<ul class="navbar-nav float-end">
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- User profile and search -->
<!-- ============================================================== -->
<li class="nav-item dropdown">
<a
class="
nav-link
dropdown-toggle
text-muted
waves-effect waves-dark
pro-pic
"
href="#"
id="navbarDropdown"
role="button"
data-bs-toggle="dropdown"
aria-expanded="false"
>
<span
class="mr-2 d-none d-lg-inline text-gray-600 small">
{{ Auth::user()->nama_user }}
</span>
<img
src="{{asset('assets/assets/images/users/1.jpg')}}"
alt="user"
class="rounded-circle"
width="31"
/>
</a>
<ul
class="dropdown-menu dropdown-menu-end user-dd animated"
aria-labelledby="navbarDropdown"
>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{{ route('user.password') }}">
<i class="fas fa-lock fa-sm fa-fw mr-2 text-gray-400"></i>
Password
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="{{ route('user.logout') }}"
><i class="fa fa-power-off me-1 ms-1"></i> Logout</a
>
<div class="dropdown-divider"></div>
</ul>
</li>
<!-- ============================================================== -->
<!-- User profile and search -->
<!-- ============================================================== -->
</ul>
</div>
</nav>
</header>
<!-- ============================================================== -->
<!-- End Topbar header -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Left Sidebar - style you can find in sidebar.scss -->
<!-- ============================================================== -->
<aside class="left-sidebar" data-sidebarbg="skin5">
<!-- Sidebar scroll-->
<div class="scroll-sidebar">
<!-- Sidebar navigation-->
<nav class="sidebar-nav">
<ul id="sidebarnav" class="pt-4">
<li class="sidebar-item" {{ is_hidden('home') }}>
<a
class="sidebar-link waves-effect waves-dark sidebar-link @if(Request::is('home')) active @endif"
href="{{route('home')}}"
aria-expanded="false"
><i class="mdi mdi-view-dashboard"></i
><span class="hide-menu">Dashboard</span></a
>
</li>
<li class="sidebar-item" {{ is_hidden('user.index') }}>
<a
class="sidebar-link waves-effect waves-dark sidebar-link @if(Request::is('user.index')) active @endif"
href="{{route('user.index')}}"
aria-expanded="false"
><i class="mdi mdi-chart-bar"></i
><span class="hide-menu">User</span></a
>
</li>
<li class="sidebar-item" {{ is_hidden('produk.index') }}>
<a
class="sidebar-link waves-effect waves-dark sidebar-link @if(Request::is('produk.index')) active @endif"
href="{{route('produk.index')}}"
aria-expanded="false"
><i class="mdi mdi-border-inside"></i
><span class="hide-menu">Data Produk</span></a
>
</li>
<li class="sidebar-item" {{ is_hidden('penjualan.index') }}>
<a
class="sidebar-link waves-effect waves-dark sidebar-link @if(Request::is('penjualan.index')) active @endif"
href="{{route('penjualan.index')}}"
aria-expanded="false"
><i class="mdi mdi-blur-linear"></i
><span class="hide-menu"> Data Penjualan</span></a
>
</li>
<li class="sidebar-item" {{ is_hidden('hitung.index') }}>
<a
class="sidebar-link waves-effect waves-dark sidebar-link @if(Request::is('hitung.index')) active @endif"
href="{{route('hitung.index')}}"
aria-expanded="false"
><i class="mdi mdi-relative-scale"></i
><span class="hide-menu">Proses forecasting</span></a
>
</li>
<li class="sidebar-item" {{ is_hidden('hitung.hasil') }}>
<a
class="sidebar-link waves-effect waves-dark sidebar-link @if(Request::is('hitung.hasil')) active @endif"
href="{{route('hitung.hasil')}}"
aria-expanded="false"
><i class="mdi mdi-relative-scale"></i
><span class="hide-menu">Hasil forecasting</span></a
>
</li>
</ul>
</nav>
<!-- End Sidebar navigation -->
</div>
<!-- End Sidebar scroll-->
</aside>
<!-- ============================================================== -->
<!-- End Left Sidebar - style you can find in sidebar.scss -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<div class="container-fluid">
<div class="page-wrapper">
<!-- ============================================================== -->
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<div class="page-breadcrumb">
<div class="row">
<div class="col-12 d-flex no-block align-items-center">
<h4 class="page-title">@yield('title', $title)</h4>
<div class="ms-auto text-end">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">
Library
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
<!-- Page Heading -->
<div class="container-fluid">
<!-- ============================================================== -->
<!-- Start Page Content -->
<!-- ============================================================== -->
<div class="row">
<div class="col-12">
@yield('content')
</div>
</div>
</div>
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Container fluid -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- footer -->
<!-- ============================================================== -->
<footer class="footer text-center">
All Rights Reserved by Matrix-admin. Designed and Developed by
<a href="">Rusdaniaa</a>.
</footer>
<!-- ============================================================== -->
<!-- End footer -->
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Page wrapper -->
</div>
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->
<script src="{{asset('assets/assets/libs/jquery/dist/jquery.min.js')}}"></script>
<!-- Bootstrap tether Core JavaScript -->
<script src="{{asset('assets/assets/libs/bootstrap/dist/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{asset('assets/assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js')}}"></script>
<script src="{{asset('assets/assets/extra-libs/sparkline/sparkline.js')}}"></script>
<!--Wave Effects -->
<script src="{{asset('assets/dist/js/waves.js')}}"></script>
<!--Menu sidebar -->
<script src="{{asset('assets/dist/js/sidebarmenu.js')}}"></script>
<!--Custom JavaScript -->
<script src="{{asset('assets/dist/js/custom.min.js')}}"></script>
<!--This page JavaScript -->
<!-- <script src="../dist/js/pages/dashboards/dashboard1.js"></script> -->
<!-- Charts js Files -->
<script src="{{asset('assets/assets/libs/flot/excanvas.js')}}"></script>
<script src="{{asset('assets/assets/libs/flot/jquery.flot.js')}}"></script>
<script src="{{asset('assets/assets/libs/flot/jquery.flot.pie.js')}}"></script>
<script src="{{asset('assets/assets/libs/flot/jquery.flot.time.js')}}"></script>
<script src="{{asset('assets/assets/libs/flot/jquery.flot.stack.js')}}"></script>
<script src="{{asset('assets/assets/libs/flot/jquery.flot.crosshair.js')}}"></script>
<script src="{{asset('assets/assets/libs/flot.tooltip/js/jquery.flot.tooltip.min.js')}}"></script>
<script src="{{asset('assets/dist/js/pages/chart/chart-page-init.js')}}"></script>
</body>
</html>