TopNav, SideBar
- Bagian notifikasi sudah ditandai
FIKRI
php_laravel_blade
3 years ago
29 kB
7
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Sumber Mulia POS</title>
<!-- CSS -->
<link rel="stylesheet" href="{{ asset('assets/vendors/iconfonts/mdi/css/materialdesignicons.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/vendors/iconfonts/ionicons/css/ionicons.css') }}">
<link rel="stylesheet" href="{{ asset('assets/vendors/iconfonts/typicons/src/font/typicons.css') }}">
<link rel="stylesheet" href="{{ asset('assets/vendors/iconfonts/flag-icon-css/css/flag-icon.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/vendors/css/vendor.bundle.base.css') }}">
<link rel="stylesheet" href="{{ asset('assets/vendors/css/vendor.bundle.addons.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/shared/style.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/demo_1/style.css') }}">
<link rel="stylesheet" href="{{ asset('css/main/style.css') }}">
<link rel="shortcut icon" href="{{ asset('icons/favicon.png') }}" />
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('plugins/css/select2.min.css') }}">
@yield('css')
<!-- End-CSS -->
</head>
<body>
<div class="container-scroller" id="app">
<!-- TopNav -->
<nav class="navbar default-layout col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
<div class="text-center navbar-brand-wrapper d-flex align-items-top justify-content-center">
<a class="navbar-brand brand-logo" href="{{ url('/dashboard') }}">
{{-- <img src="{{ asset('icons/logo.png') }}" alt="logo" /> --}}
<strong>CV. Anzac Food</strong>
</a>
<a class="navbar-brand brand-logo-mini" href="{{ url('/dashboard') }}">
<img src="{{ asset('icons/logo-mini.png') }}" alt="logo" />
</a>
</div>
<div class="navbar-menu-wrapper d-flex align-items-center">
<form class="search-form d-none d-md-block" action="#">
<div class="form-group">
<input type="search" class="form-control" name="search_page" placeholder="Cari Halaman">
</div>
</form>
<ul class="navbar-nav ml-auto">
{{-- ===================== NOTIFIKASI =========================== --}}
<li class="nav-item dropdown">
@php
$cek_supply_system = \App\Supply_system::first();
$jumlah_notif = \App\Product::where('stok', '<', 10) ->count();
$notifications = \App\Product::where('stok', '<', 10) ->get();
$notification = \App\Product::where('stok', '<', 10) ->take(3)
->get();
@endphp
<a class="nav-link count-indicator" id="notificationDropdown" href="#" data-toggle="dropdown">
<i class="mdi mdi-bell-outline"></i>
@if($cek_supply_system->status == 1)
@if($jumlah_notif != 0)
<span class="count bg-success">{{ $jumlah_notif }}</span>
@endif
@endif
</a>
<div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list pb-0"
aria-labelledby="notificationDropdown">
<div class="dropdown-item py-3 border-bottom">
@if($cek_supply_system->status == 1)
<p class="mb-0 font-weight-medium float-left">Anda Memiliki {{ $jumlah_notif }} Pemberitahuan</p>
@else
<p class="mb-0 font-weight-medium float-left">Anda Memiliki 0 Pemberitahuan</p>
@endif
<a href="#" role="button" data-toggle="modal" data-target="#notificationModal"><span
class="badge badge-pill badge-primary float-right">Semua</span></a>
</div>
@if($cek_supply_system->status == 1)
@foreach($notification as $notif)
@if($notif->stok != 0)
<a class="dropdown-item preview-item py-3">
<div class="preview-thumbnail">
<i class="mdi mdi-alert m-auto text-warning"></i>
</div>
<div class="preview-item-content">
<h6 class="preview-subject font-weight-normal text-dark mb-1">Barang Hampir Habis</h6>
<p class="font-weight-light small-text mb-0"> Stok {{ $notif->nama_barang }} tersisa {{
$notif->stok }} </p>
</div>
</a>
@else
<a class="dropdown-item preview-item py-3">
<div class="preview-thumbnail">
<i class="mdi mdi-alert m-auto text-danger"></i>
</div>
<div class="preview-item-content">
<h6 class="preview-subject font-weight-normal text-dark mb-1">Barang Telah Habis</h6>
<p class="font-weight-light small-text mb-0"> Stok barang {{ $notif->nama_barang }} telah habis
</p>
</div>
</a>
@endif
@endforeach
@endif
</div>
</li>
{{-- ============================================================= --}}
<li class="nav-item dropdown d-xl-inline-block user-dropdown">
<a class="nav-link dropdown-toggle" id="UserDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
<img class="img-xs rounded-circle" src="{{ asset('pictures/' . auth()->user()->foto) }}"
alt="Profile image">
</a>
<div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="UserDropdown">
<div class="dropdown-header text-center">
<img class="img-md rounded-circle" src="{{ asset('pictures/' . auth()->user()->foto) }}"
alt="Profile image">
<p class="mb-1 mt-3 font-weight-semibold">{{ auth()->user()->nama }}</p>
<p class="font-weight-light text-muted mb-0">{{ auth()->user()->email }}</p>
</div>
<a href="{{ url('/profile') }}" class="dropdown-item">Profil</a>
<a href="{{ url('/logout') }}" class="dropdown-item">Sign Out</a>
</div>
</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>
<!-- End-TopNav -->
<div class="container-fluid page-body-wrapper">
<!-- SideNav -->
<nav class="sidebar sidebar-offcanvas" id="sidebar">
<ul class="nav">
<li class="nav-item nav-profile">
<a href="{{ url('/profile') }}" class="nav-link">
<div class="profile-image">
<img class="img-xs rounded-circle" src="{{ asset('pictures/' . auth()->user()->foto) }}"
alt="profile image">
<div class="dot-indicator bg-success"></div>
</div>
<div class="text-wrapper">
@php
$user_name = auth()->user()->nama;
if(strlen($user_name) > 12){
$nama = substr($user_name, 0, 12) . '..';
}else{
$nama = $user_name;
}
@endphp
<p class="profile-name">{{ $nama }}</p>
<p class="designation">{{ auth()->user()->role }}</p>
</div>
</a>
</li>
<li class="nav-item nav-category">Daftar Menu</li>
<li class="nav-item">
<a class="nav-link" href="{{ url('/dashboard') }}">
<span class="menu-title">Dashboard</span>
</a>
</li>
@php
$access = \App\Acces::where('user', auth()->user()->id)
->first();
@endphp
@if($access->kelola_akun == 1)
<li class="nav-item">
<a class="nav-link" data-toggle="collapse" href="#kelola_akun" aria-expanded="false"
aria-controls="kelola_akun">
<span class="menu-title">Kelola Akun</span>
<i class="menu-arrow"></i>
</a>
<div class="collapse" id="kelola_akun">
<ul class="nav flex-column sub-menu">
<li class="nav-item">
<a class="nav-link" href="{{ url('/account') }}">Daftar Akun</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url('/access') }}">Hak Akses</a>
</li>
</ul>
</div>
</li>
@endif
@if($access->kelola_ppn == 1)
<li class="nav-item">
<a class="nav-link" href="{{ url('/ppn') }}">
<span class="menu-title">Kelola PPN</span>
</a>
</li>
@endif
@if($access->kelola_barang == 1)
@if(\App\Supply_system::first()->status == true)
<li class="nav-item">
<a class="nav-link" data-toggle="collapse" href="#kelola_barang" aria-expanded="false"
aria-controls="kelola_barang">
<span class="menu-title">Kelola Barang</span>
<i class="menu-arrow"></i>
</a>
<div class="collapse" id="kelola_barang">
<ul class="nav flex-column sub-menu">
<li class="nav-item">
<a class="nav-link" href="{{ url('/product') }}">Daftar Barang</a>
</li>
{{-- @if($user = \App\User::where('id', auth()->user()->id)->first()->role != 'kasir')
<li class="nav-item">
<a class="nav-link" href="{{ url('/supply') }}">Pasok Barang</a>
</li>
@endif --}}
@if(Auth::user()->role == 'admin' || Auth::user()->role == 'super_admin' || Auth::user()->id == 10)
<li class="nav-item">
<a class="nav-link" href="{{ url('/supply') }}">Pasok Barang</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="{{ url('/editSupply') }}">Edit/Batal Pasok Barang</a>
</li> -->
@if (Auth::user()->role == 'super_admin' || Auth::user()->role == 'admin')
<li class="nav-item">
<a class="nav-link" href="{{ url('/aktivitas_stok') }}">Aktivitas Update Stok</a>
</li>
@endif
@endif
</ul>
</div>
</li>
@else
<li class="nav-item">
<a class="nav-link" href="{{ url('/product') }}">
<span class="menu-title">Kelola Barang</span>
</a>
</li>
@endif
@endif
@if($access->kelola_supplier == 1)
<li class="nav-item">
<a class="nav-link" href="{{ url('/suppliers') }}">
<span class="menu-title">Supplier</span>
</a>
</li>
@endif
@if($access->kelola_customer == 1)
<li class="nav-item">
<a class="nav-link" href="{{ url('/customers') }}">
<span class="menu-title">Customer</span>
</a>
</li>
@endif
@if($access->kelola_laporan == 1)
<li class="nav-item">
<a class="nav-link" href="{{ url('/payable') }}">
<span class="menu-title">Payable</span>
</a>
</li>
@endif
@if($access->kelola_laporan == 1)
<li class="nav-item">
<a class="nav-link" href="{{ url('/receivable') }}">
<span class="menu-title">Receivable</span>
</a>
</li>
@endif
<li class="nav-item">
<a class="nav-link" data-toggle="collapse" href="#retur" aria-expanded="false" aria-controls="retur">
<span class="menu-title">Retur</span>
<i class="menu-arrow"></i>
</a>
<div class="collapse" id="retur">
<ul class="nav flex-column sub-menu">
@if (Auth::user()->role == 'kasir' || Auth::user()->role == 'admin' || Auth::user()->role ==
'super_admin')
<li class="nav-item">
<a class="nav-link" href="{{ url('/retur/retur_customer') }}">Retur Customer</a>
</li>
@endif
@if (Auth::user()->role == 'admin' || Auth::user()->role == 'super_admin')
<li class="nav-item">
<a class="nav-link" href="{{ url('/retur/retur_supplier') }}">Retur Supplier</a>
</li>
@endif
</ul>
</div>
</li>
@if($access->transaksi == 1)
<!-- <li class="nav-item">
<a class="nav-link" href="{{ url('/transaction') }}">
<span class="menu-title">Transaksi</span>
</a>
</li> -->
<li class="nav-item">
<a class="nav-link" data-toggle="collapse" href="#kelola_transaksi" aria-expanded="false"
aria-controls="kelola_transaksi">
<span class="menu-title">Kelola Transaksi</span>
<i class="menu-arrow"></i>
</a>
<div class="collapse" id="kelola_transaksi">
<ul class="nav flex-column sub-menu">
<li class="nav-item">
<a class="nav-link" href="{{ url('/transaction/transaction') }}">Transaksi</a>
</li>
{{-- <li class="nav-item">
<a class="nav-link" href="{{ url('/transaction/pending_transaction') }}">Transaksi yang Tertunda</a>
</li> --}}
<li class="nav-item">
<a class="nav-link" href="{{ url('/transaction/report_transaction_kasir') }}">Riwayat Transaksi</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="{{ url('/transaction/edit') }}">Edit/Batal Transaksi</a>
</li> -->
</ul>
</div>
</li>
@endif
@if (Auth::user()->id == 10)
<li class="nav-item">
<a class="nav-link" href="{{ url('/report/stok') }}">
<span class="menu-title">Laporan Stok</span>
</a>
</li>
@endif
@if($access->kelola_laporan == 1)
<li class="nav-item">
<a class="nav-link" data-toggle="collapse" href="#kelola_laporan" aria-expanded="false"
aria-controls="kelola_laporan">
<span class="menu-title">Kelola Laporan</span>
<i class="menu-arrow"></i>
</a>
<div class="collapse" id="kelola_laporan">
<ul class="nav flex-column sub-menu">
<li class="nav-item">
<a class="nav-link" href="{{ url('/report/transaction') }}">Laporan Transaksi</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url('/report/workers') }}">Laporan Pegawai</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url('/report/laporan_stok') }}">Laporan Stok</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url('/report/penjualan') }}">Laporan Penjualan</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url('/report/returPenjualan') }}">Laporan Retur Penjualan</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url('/report/pembelian') }}">Laporan Pembelian</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url('/report/returPembelian') }}">Laporan Retur Pembelian</a>
</li>
</ul>
</div>
</li>
@endif
@if($access->kelola_laporan == 1)
<li class="nav-item">
<a class="nav-link" data-toggle="collapse" href="#laporan_barang" aria-expanded="false"
aria-controls="laporan_barang">
<span class="menu-title">Laporan Barang</span>
<i class="menu-arrow"></i>
</a>
<div class="collapse" id="laporan_barang">
<ul class="nav flex-column sub-menu">
<li class="nav-item">
<a class="nav-link" href="{{url('accounting/jurnal_barang_harian')}}">Laporan Barang Harian</a>
</li>
{{-- <li class="nav-item">
<a class="nav-link" href="{{url('accounting/jurnal_barang_bulanan')}}">Laporan Barang Bulanan</a>
</li> --}}
<li class="nav-item">
<a class="nav-link" href="{{url('accounting/jurnal_barang_hilang')}}">Laporan Barang Hilang</a>
</li>
</ul>
</div>
</li>
@endif
@if($access->kelola_laporan == 1)
{{-- <li class="nav-item">
<a class="nav-link" href="{{url('accounting/akun')}}">
<span class="menu-title">Akun</span>
</a>
</li> --}}
<li class="nav-item">
<a class="nav-link" data-toggle="collapse" href="#akun" aria-expanded="false" aria-controls="akun">
<span class="menu-title">Akun</span>
<i class="menu-arrow"></i>
</a>
<div class="collapse" id="akun">
<ul class="nav flex-column sub-menu">
<li class="nav-item">
<a class="nav-link" href="{{url('accounting/akun')}}">Manage Akun</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{url('accounting/akun/data')}}">Data Akun</a>
</li>
</ul>
</div>
</li>
@endif
@if($access->kelola_laporan == 1)
<li class="nav-item">
<a class="nav-link" data-toggle="collapse" href="#aktiva" aria-expanded="false" aria-controls="aktiva">
<span class="menu-title">Aktiva</span>
<i class="menu-arrow"></i>
</a>
<div class="collapse" id="aktiva">
<ul class="nav flex-column sub-menu">
<li class="nav-item">
<a class="nav-link" href="{{url('accounting/aktiva_tetap')}}">Aktiva Tetap</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{url('accounting/aktiva_lancar')}}">Aktiva Lancar</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{url('accounting/laporan_aktiva')}}">Laporan Aktiva</a>
</li>
</ul>
</div>
</li>
@endif
@if($access->kelola_laporan == 1)
<li class="nav-item">
<a class="nav-link" data-toggle="collapse" href="#kas" aria-expanded="false" aria-controls="kas">
<span class="menu-title">Kas</span>
<i class="menu-arrow"></i>
</a>
<div class="collapse" id="kas">
<ul class="nav flex-column sub-menu">
<li class="nav-item">
<a class="nav-link" href="{{url('accounting/kas_in')}}">Kas in</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{url('accounting/kas_out')}}">Kas out</a>
</li>
</ul>
</div>
</li>
@endif
@if($access->kelola_laporan == 1)
<li class="nav-item">
<a class="nav-link" href="{{url('accounting/bank')}}">
<span class="menu-title">Bank</span>
</a>
</li>
@endif
{{-- @if($access->kelola_laporan == 1)
<li class="nav-item">
<a class="nav-link" href="{{url('accounting/modal')}}">
<span class="menu-title">Modal</span>
</a>
</li>
@endif --}}
@if($access->kelola_laporan == 1)
<li class="nav-item">
<a class="nav-link" data-toggle="collapse" href="#laporan_keuangan" aria-expanded="false"
aria-controls="laporan_keuangan">
<span class="menu-title">Laporan Keuangan</span>
<i class="menu-arrow"></i>
</a>
<div class="collapse" id="laporan_keuangan">
<ul class="nav flex-column sub-menu">
<li class="nav-item">
<a class="nav-link" href="{{ url('accounting/jurnal_harian') }}">Jurnal Harian</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url('accounting/buku_besar') }}">Buku Besar</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url('accounting/neraca') }}">Neraca</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ url('accounting/laba_rugi') }}">Laporan Laba rugi</a>
</li>
</ul>
</div>
</li>
@endif
</ul>
</nav>
<!-- End-SideNav -->
<div class="main-panel">
<div class="row">
<div class="modal fade" id="notificationModal" tabindex="-1" role="dialog"
aria-labelledby="notificationModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="notificationModalLabel">Daftar Notifikasi</h5>
<button type="button" class="close close-btn" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-12">
@if($cek_supply_system->status == 1)
@foreach($notifications as $notif)
@if($notif->stok != 0)
<div class="d-flex justify-content-start align-items-center mb-3">
<div class="icon-notification">
<i class="mdi mdi-alert m-auto text-warning"></i>
</div>
<div class="text-group ml-3">
<p class="m-0 title-notification">Barang Hampir Habis</p>
<p class="m-0 description-notification">Stok {{ $notif->nama_barang }} tersisa {{ $notif->stok
}}</p>
</div>
</div>
@else
<div class="d-flex justify-content-start align-items-center mb-3">
<div class="icon-notification">
<i class="mdi mdi-alert m-auto text-danger"></i>
</div>
<div class="text-group ml-3">
<p class="m-0 title-notification">Barang Telah Habis</p>
<p class="m-0 description-notification">Stok barang {{ $notif->nama_barang }} telah habis</p>
</div>
</div>
@endif
@endforeach
@endif
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content-wrapper" id="content-web-page">
@yield('content')
</div>
<div class="content-wrapper" id="content-web-search" hidden="">
<div class="row">
<div class="col-12 text-left">
<h3 class="d-block">Cari Halaman</h3>
<h5 class="mt-3 d-block"><span class="result-1"></span> <span class="result-2"></span></h5>
</div>
<div class="col-12 mt-3">
<div class="row" id="page-result-parent">
</div>
</div>
</div>
</div>
<footer class="footer" id="footer-content">
{{-- <div class="container-fluid clearfix">
<span class="text-muted d-block text-center text-sm-left d-sm-inline-block">Copyright © 2019 <a
href="http://www.bootstrapdash.com/" target="_blank">Bootstrapdash</a>. All rights reserved.</span>
<span class="float-none float-sm-right d-block mt-1 mt-sm-0 text-center">Hand-crafted & made with <i
class="mdi mdi-heart text-danger"></i>
</span>
</div> --}}
</footer>
</div>
</div>
</div>
<!-- Javascript -->
<!-- <script src="{{ asset('js/app.js') }}"></script> -->
<script src="{{ asset('assets/vendors/js/vendor.bundle.base.js') }}"></script>
<script src="{{ asset('assets/vendors/js/vendor.bundle.addons.js') }}"></script>
<script src="{{ asset('assets/js/shared/off-canvas.js') }}"></script>
<script src="{{ asset('assets/js/shared/misc.js') }}"></script>
<script src="{{ asset('plugins/js/jquery.form-validator.min.js') }}"></script>
<script src="{{ asset('plugins/js/sweetalert.min.js') }}"></script>
<script src="{{ asset('plugins/js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/templates/script.js') }}"></script>
<script src="{{ asset('plugins/js/select2.full.min.js') }}"></script>
<script src="{{ asset('plugins/js/select2.min.js') }}"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#UserDropdown').dropdown()
$('#notificationDropdown').dropdown()
});
$(document).on('input', 'input[name=search_page]', function(){
if($(this).val() != ''){
$('#content-web-page').prop('hidden', true);
$('#content-web-search').prop('hidden', false);
var search_word = $(this).val();
$.ajax({
url: "{{ url('/search') }}/" + search_word,
method: "GET",
success:function(response){
$('.result-1').html(response.length + ' Hasil Pencarian');
$('.result-2').html('dari "' + search_word + '"');
var lengthLoop = response.length - 1;
var searchResultList = '';
for(var i = 0; i <= lengthLoop; i++){
var page_url = "{{ url('/', ':id') }}";
page_url = page_url.replace('%3Aid', response[i].page_url);
searchResultList += '<a href="'+ page_url +'" class="page-result-child mb-4 w-100"><div class="col-12"><div class="card card-noborder b-radius"><div class="card-body"><div class="row"><div class="col-12"><h5 class="d-block page_url">'+ response[i].page_name +'</h5><p class="align-items-center d-flex justify-content-start"><span class="icon-in-search mr-2"><i class="mdi mdi-chevron-double-right"></i></span> <span class="breadcrumbs-search page_url">'+ response[i].page_title +'</span></p><div class="search-description"><p class="m-0 p-0 page_url">'+ response[i].page_content.substring(0, 500) +'...</p></div></div></div></div></div></div></a>';
}
$('#page-result-parent').html(searchResultList);
$('.page_url:contains("'+search_word+'")').each(function(){
var regex = new RegExp(search_word, 'gi');
$(this).html($(this).text().replace(regex, '<span style="background-color: #607df3;">'+search_word+'</span>'));
});
}
});
}else{
$('#content-web-page').prop('hidden', false);
$('#content-web-search').prop('hidden', true);
}
});
</script>
@yield('script')
<!-- End-Javascript -->
</body>
</html>Editor is loading...