495 lines
27 KiB
PHP
495 lines
27 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<title>Toko Annisa Fashion</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
|
<meta name="keywords"
|
|
content="bootstrap, bootstrap admin template, admin theme, admin dashboard, dashboard template, admin template, responsive" />
|
|
<meta name="author" content="Codedthemes" />
|
|
<!-- Favicon icon -->
|
|
<link rel="icon" href="{{ asset('foto/logo.png') }}" type="image/x-icon">
|
|
<!-- Google font-->
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet">
|
|
<!-- waves.css -->
|
|
<link rel="stylesheet" href="{{ asset('assets_admin/assets/pages/waves/css/waves.min.css') }}" type="text/css"
|
|
media="all">
|
|
<!-- Required Fremwork -->
|
|
<link rel="stylesheet" type="text/css"
|
|
href="{{ asset('assets_admin/assets/css/bootstrap/css/bootstrap.min.css') }}">
|
|
<!-- waves.css -->
|
|
<link rel="stylesheet" href="{{ asset('assets_admin/assets/pages/waves/css/waves.min.css') }}" type="text/css"
|
|
media="all">
|
|
<!-- themify icon -->
|
|
<link rel="stylesheet" type="text/css"
|
|
href="{{ asset('assets_admin/assets/icon/themify-icons/themify-icons.css') }}">
|
|
<!-- font-awesome-n -->
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('assets_admin/assets/css/font-awesome-n.min.css') }}">
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('assets_admin/assets/css/font-awesome.min.css') }}">
|
|
<!-- scrollbar.css -->
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('assets_admin/assets/css/jquery.mCustomScrollbar.css') }}">
|
|
<!-- Style.css -->
|
|
<link rel="stylesheet" type="text/css" href="{{ asset('assets_admin/assets/css/style.css') }}">
|
|
<link href="https://cdn.datatables.net/1.12.1/css/dataTables.bootstrap4.min.css" rel="stylesheet">
|
|
|
|
{{-- select2 --}}
|
|
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Pre-loader start -->
|
|
<div class="theme-loader">
|
|
<div class="loader-track">
|
|
<div class="preloader-wrapper">
|
|
<div class="spinner-layer spinner-blue">
|
|
<div class="circle-clipper left">
|
|
<div class="circle"></div>
|
|
</div>
|
|
<div class="gap-patch">
|
|
<div class="circle"></div>
|
|
</div>
|
|
<div class="circle-clipper right">
|
|
<div class="circle"></div>
|
|
</div>
|
|
</div>
|
|
<div class="spinner-layer spinner-red">
|
|
<div class="circle-clipper left">
|
|
<div class="circle"></div>
|
|
</div>
|
|
<div class="gap-patch">
|
|
<div class="circle"></div>
|
|
</div>
|
|
<div class="circle-clipper right">
|
|
<div class="circle"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="spinner-layer spinner-yellow">
|
|
<div class="circle-clipper left">
|
|
<div class="circle"></div>
|
|
</div>
|
|
<div class="gap-patch">
|
|
<div class="circle"></div>
|
|
</div>
|
|
<div class="circle-clipper right">
|
|
<div class="circle"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="spinner-layer spinner-green">
|
|
<div class="circle-clipper left">
|
|
<div class="circle"></div>
|
|
</div>
|
|
<div class="gap-patch">
|
|
<div class="circle"></div>
|
|
</div>
|
|
<div class="circle-clipper right">
|
|
<div class="circle"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Pre-loader end -->
|
|
<div id="pcoded" class="pcoded">
|
|
<div class="pcoded-overlay-box"></div>
|
|
<div class="pcoded-container navbar-wrapper">
|
|
<nav class="navbar header-navbar pcoded-header">
|
|
<div class="navbar-wrapper">
|
|
<div class="navbar-logo">
|
|
<a class="mobile-menu waves-effect waves-light" id="mobile-collapse" href="#!">
|
|
<i class="ti-menu"></i>
|
|
</a>
|
|
<div class="mobile-search waves-effect waves-light">
|
|
<div class="header-search">
|
|
<div class="main-search morphsearch-search">
|
|
<div class="input-group">
|
|
<span class="input-group-prepend search-close"><i
|
|
class="ti-close input-group-text"></i></span>
|
|
<input type="text" class="form-control" placeholder="Enter Keyword">
|
|
<span class="input-group-append search-btn"><i
|
|
class="ti-search input-group-text"></i></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a href="{{ url('dashboard') }}">
|
|
<p style="font-size: 13px;text-align:left;padding-top:5%;">Toko Annisa Fashion</p>
|
|
</a>
|
|
<a class="mobile-options waves-effect waves-light">
|
|
<i class="ti-more"></i>
|
|
</a>
|
|
</div>
|
|
<div class="navbar-container container-fluid">
|
|
<ul class="nav-left">
|
|
<li>
|
|
<div class="sidebar_toggle"><a href="javascript:void(0)"><i class="ti-menu"></i></a>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="#!" onclick="javascript:toggleFullScreen()" class="waves-effect waves-light">
|
|
<i class="ti-fullscreen"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
@php
|
|
$user = DB::table('users')
|
|
->where('id', Auth::user()->id)
|
|
->first();
|
|
@endphp
|
|
<ul class="nav-right">
|
|
<li class="user-profile header-notification">
|
|
<a href="#!" class="waves-effect waves-light">
|
|
<img src="{{ asset('images/admin.png') }}" class="img-radius"
|
|
alt="User-Profile-Image">
|
|
<span>{{ $user->name }}</span>
|
|
<i class="ti-angle-down"></i>
|
|
</a>
|
|
<ul class="show-notification profile-notification">
|
|
<li class="waves-effect waves-light">
|
|
<a href="{{ url('profile') }}">
|
|
<i class="ti-user"></i> Ubah Profil
|
|
</a>
|
|
</li>
|
|
<li class="waves-effect waves-light">
|
|
<a href="{{ url('logout') }}"
|
|
onclick="return confirm('Apakah Anda Yakin Ingin Keluar')">
|
|
<i class="ti-layout-sidebar-left"></i> Logout
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
|
|
<div class="pcoded-main-container">
|
|
<div class="pcoded-wrapper">
|
|
<nav class="pcoded-navbar">
|
|
<div class="sidebar_toggle"><a href="#"><i class="icon-close icons"></i></a></div>
|
|
<div class="pcoded-inner-navbar main-menu">
|
|
<div class="">
|
|
<div class="main-menu-header">
|
|
<img class="img-80 img-radius" src="{{ asset('images/admin.png') }}"
|
|
alt="User-Profile-Image">
|
|
<div class="user-details">
|
|
<span id="more-details">{{ $user->name }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pcoded-navigation-label">Halaman</div>
|
|
<ul class="pcoded-item pcoded-left-item">
|
|
<li>
|
|
<a href="{{ url('dashboard') }}" class="waves-effect waves-dark">
|
|
<span class="pcoded-micon"><i class="ti-home"></i><b>D</b></span>
|
|
<span class="pcoded-mtext">Beranda</span>
|
|
<span class="pcoded-mcaret"></span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
<?php if ($user->role == 'Admin') { ?>
|
|
<ul class="pcoded-item pcoded-left-item">
|
|
<li class="pcoded-hasmenu">
|
|
<a href="javascript:void(0)" class="waves-effect waves-dark">
|
|
<span class="pcoded-micon"><i class="ti-layout-grid2-alt"></i><b>BC</b></span>
|
|
<span class="pcoded-mtext">Total Produk</span>
|
|
<span class="pcoded-mcaret"></span>
|
|
</a>
|
|
<ul class="pcoded-submenu">
|
|
<li class=" ">
|
|
<a href="{{ url('tambahbarang') }}" class="waves-effect waves-dark">
|
|
<span class="pcoded-micon"><i class="ti-angle-right"></i></span>
|
|
<span class="pcoded-mtext">Tambah Produk</span>
|
|
<span class="pcoded-mcaret"></span>
|
|
</a>
|
|
</li>
|
|
<li class=" ">
|
|
<a href="{{ url('daftarbarang') }}" class="waves-effect waves-dark">
|
|
<span class="pcoded-micon"><i class="ti-angle-right"></i></span>
|
|
<span class="pcoded-mtext">Daftar Produk</span>
|
|
<span class="pcoded-mcaret"></span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul class="pcoded-item pcoded-left-item">
|
|
<li class="pcoded-hasmenu ">
|
|
<a href="javascript:void(0)" class="waves-effect waves-dark">
|
|
<span class="pcoded-micon"><i class="ti-map-alt"></i><b>A</b></span>
|
|
<span class="pcoded-mtext">Daftar Penjualan</span>
|
|
<span class="pcoded-mcaret"></span>
|
|
</a>
|
|
<ul class="pcoded-submenu">
|
|
<li class="">
|
|
<a href="{{ url('penjualantambah') }}" class="waves-effect waves-dark">
|
|
<span class="pcoded-micon"><i class="ti-angle-right"></i></span>
|
|
<span class="pcoded-mtext">Tambah Penjualan</span>
|
|
<span class="pcoded-mcaret"></span>
|
|
</a>
|
|
</li>
|
|
<li class="">
|
|
<a href="{{ url('penjualan') }}" class="waves-effect waves-dark">
|
|
<span class="pcoded-micon"><i class="ti-angle-right"></i></span>
|
|
<span class="pcoded-mtext">Daftar Penjualan</span>
|
|
<span class="pcoded-mcaret"></span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<ul class="pcoded-item pcoded-left-item">
|
|
<li>
|
|
<a href="{{ url('peramalan') }}" class="waves-effect waves-dark">
|
|
<span class="pcoded-micon"><i class="ti-receipt"></i><b>D</b></span>
|
|
<span class="pcoded-mtext">Peramalan</span>
|
|
<span class="pcoded-mcaret"></span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="pcoded-item pcoded-left-item">
|
|
<li>
|
|
<a href="{{ url('laporanpenjualan') }}" class="waves-effect waves-dark">
|
|
<span class="pcoded-micon"><i class="ti-receipt"></i><b>D</b></span>
|
|
<span class="pcoded-mtext">Laporan Penjualan</span>
|
|
<span class="pcoded-mcaret"></span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<?php } ?>
|
|
</div>
|
|
</nav>
|
|
|
|
{{-- Content --}}
|
|
@yield('content')
|
|
|
|
<script type="text/javascript" src="{{ asset('assets_admin/assets/js/jquery/jquery.min.js') }}">
|
|
</script>
|
|
<script type="text/javascript"
|
|
src="{{ asset('assets_admin/assets/js/jquery-ui/jquery-ui.min.js') }}"></script>
|
|
<script type="text/javascript" src="{{ asset('assets_admin/assets/js/popper.js/popper.min.js') }}">
|
|
</script>
|
|
<script type="text/javascript"
|
|
src="{{ asset('assets_admin/assets/js/bootstrap/js/bootstrap.min.js') }}"></script>
|
|
<!-- waves js -->
|
|
<script src="{{ asset('assets_admin/assets/pages/waves/js/waves.min.js') }}"></script>
|
|
<!-- jquery slimscroll js -->
|
|
<script type="text/javascript"
|
|
src="{{ asset('assets_admin/assets/js/jquery-slimscroll/jquery.slimscroll.js') }}">
|
|
</script>
|
|
|
|
<!-- slimscroll js -->
|
|
<script src="{{ asset('assets_admin/assets/js/jquery.mCustomScrollbar.concat.min.js') }}"></script>
|
|
|
|
<!-- menu js -->
|
|
<script src="{{ asset('assets_admin/assets/js/pcoded.min.js') }}"></script>
|
|
<script src="{{ asset('assets_admin/assets/js/vertical/vertical-layout.min.js') }}"></script>
|
|
|
|
<script type="text/javascript" src="{{ asset('assets_admin/assets/js/script.js') }}"></script>
|
|
|
|
<script src="{{ asset('assets/build/js/custom.min.js') }}"></script>
|
|
|
|
<script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
|
|
|
|
<script src="https://cdn.datatables.net/1.12.1/js/dataTables.bootstrap4.min.js"></script>
|
|
|
|
<script src="https://cdn.datatables.net/buttons/2.3.2/js/dataTables.buttons.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
|
|
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.html5.min.js"></script>
|
|
<script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.print.min.js"></script>
|
|
<link rel="stylesheet"
|
|
href="https://cdn.datatables.net/buttons/2.3.2/css/buttons.dataTables.min.css">
|
|
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
|
|
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#table').DataTable();
|
|
$('#table2').DataTable();
|
|
$('#penempatan').DataTable();
|
|
});
|
|
</script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#daftarproduk').DataTable({
|
|
dom: 'Bfrtip',
|
|
buttons: [{
|
|
extend: 'pdfHtml5',
|
|
title: 'Data Barang',
|
|
orientation: 'landscape',
|
|
text: '<i class="fa fa-download"></i> CETAK',
|
|
className: 'btn btn-success btn-sm',
|
|
exportOptions: {
|
|
columns: [0, 1, 2, 3, 4, 5]
|
|
},
|
|
customize: function(doc) {
|
|
doc.content[1].table.widths =
|
|
Array(doc.content[1].table.body[0].length + 1).join('*').split('');
|
|
doc.defaultStyle.alignment = 'center';
|
|
doc.styles.tableHeader.alignment = 'center';
|
|
}
|
|
|
|
},
|
|
'colvis'
|
|
],
|
|
});
|
|
$('#daftarsupplier').DataTable({
|
|
dom: 'Bfrtip',
|
|
buttons: [{
|
|
extend: 'pdfHtml5',
|
|
title: 'Data Supplier',
|
|
orientation: 'landscape',
|
|
text: '<i class="fa fa-download"></i> CETAK',
|
|
className: 'btn btn-success btn-sm',
|
|
exportOptions: {
|
|
columns: [0, 1, 2, 3]
|
|
},
|
|
customize: function(doc) {
|
|
doc.content[1].table.widths =
|
|
Array(doc.content[1].table.body[0].length + 1).join('*').split('');
|
|
doc.defaultStyle.alignment = 'center';
|
|
doc.styles.tableHeader.alignment = 'center';
|
|
}
|
|
|
|
},
|
|
'colvis'
|
|
],
|
|
});
|
|
$('#daftarpelanggan').DataTable({
|
|
dom: 'Bfrtip',
|
|
buttons: [{
|
|
extend: 'pdfHtml5',
|
|
title: 'Data Pelanggan',
|
|
orientation: 'landscape',
|
|
text: '<i class="fa fa-download"></i> CETAK',
|
|
className: 'btn btn-success btn-sm',
|
|
exportOptions: {
|
|
columns: [0, 1, 2, 3, 4]
|
|
},
|
|
customize: function(doc) {
|
|
doc.content[1].table.widths =
|
|
Array(doc.content[1].table.body[0].length + 1).join('*').split('');
|
|
doc.defaultStyle.alignment = 'center';
|
|
doc.styles.tableHeader.alignment = 'center';
|
|
}
|
|
|
|
},
|
|
'colvis'
|
|
],
|
|
});
|
|
$('#daftarpengguna').DataTable({
|
|
dom: 'Bfrtip',
|
|
buttons: [{
|
|
extend: 'pdfHtml5',
|
|
title: 'Data Pengguna',
|
|
orientation: 'landscape',
|
|
text: '<i class="fa fa-download"></i> CETAK',
|
|
className: 'btn btn-success btn-sm',
|
|
exportOptions: {
|
|
columns: [0, 1, 2, 3, 4]
|
|
},
|
|
customize: function(doc) {
|
|
doc.content[1].table.widths =
|
|
Array(doc.content[1].table.body[0].length + 1).join('*').split('');
|
|
doc.defaultStyle.alignment = 'center';
|
|
doc.styles.tableHeader.alignment = 'center';
|
|
}
|
|
|
|
},
|
|
'colvis'
|
|
],
|
|
});
|
|
$('#daftarprodukmauhabis').DataTable({
|
|
dom: 'Bfrtip',
|
|
buttons: [{
|
|
extend: 'pdfHtml5',
|
|
title: 'Data Barang Mau Habis',
|
|
orientation: 'landscape',
|
|
text: '<i class="fa fa-download"></i> CETAK',
|
|
className: 'btn btn-success btn-sm',
|
|
exportOptions: {
|
|
columns: [0, 1, 2, 3, 4, 5]
|
|
},
|
|
customize: function(doc) {
|
|
doc.content[1].table.widths =
|
|
Array(doc.content[1].table.body[0].length + 1).join('*').split('');
|
|
doc.defaultStyle.alignment = 'center';
|
|
doc.styles.tableHeader.alignment = 'center';
|
|
}
|
|
|
|
},
|
|
'colvis'
|
|
],
|
|
});
|
|
$('#barangkeluar').DataTable({
|
|
dom: 'Bfrtip',
|
|
buttons: [{
|
|
extend: 'pdfHtml5',
|
|
title: 'Barang Keluar',
|
|
orientation: 'landscape',
|
|
text: '<i class="fa fa-download"></i> CETAK',
|
|
className: 'btn btn-success btn-sm',
|
|
exportOptions: {
|
|
columns: [0, 1, 2, 3, 4, 5, 6, 7]
|
|
},
|
|
customize: function(doc) {
|
|
doc.content[1].table.widths =
|
|
Array(doc.content[1].table.body[0].length + 1).join('*').split('');
|
|
doc.defaultStyle.alignment = 'center';
|
|
doc.styles.tableHeader.alignment = 'center';
|
|
}
|
|
|
|
},
|
|
'colvis'
|
|
],
|
|
});
|
|
$('#pengeluarandaftar').DataTable({
|
|
dom: 'Bfrtip',
|
|
buttons: [{
|
|
extend: 'pdfHtml5',
|
|
title: 'Data Pengeluaran',
|
|
orientation: 'landscape',
|
|
text: '<i class="fa fa-download"></i> CETAK',
|
|
className: 'btn btn-success btn-sm',
|
|
exportOptions: {
|
|
columns: [0, 1, 3]
|
|
},
|
|
customize: function(doc) {
|
|
doc.content[1].table.widths =
|
|
Array(doc.content[1].table.body[0].length + 1).join('*').split('');
|
|
doc.defaultStyle.alignment = 'center';
|
|
doc.styles.tableHeader.alignment = 'center';
|
|
}
|
|
|
|
},
|
|
'colvis'
|
|
],
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
@yield('script')
|
|
<script>
|
|
// In your Javascript (external .js resource or <script> tag)
|
|
$(document).ready(function() {
|
|
$('.select2').select2();
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|