<style>
#side-menu a,i{
color: white !important;
}
.vertical-menu{
background-color: #5541D7 !important;
}
.menu-title{
color: white !important;
}
</style>
<div class="vertical-menu">
<div data-simplebar class="h-100">
<!--- Sidemenu -->
<div id="sidebar-menu" >
<!-- Left Menu Start -->
<ul class="metismenu list-unstyled" id="side-menu">
<li class="menu-title">Menu</li>
<li>
<a href="/" class="waves-effect">
<i class="mdi mdi-home"></i>
<span>Home</span>
</a>
</li>
@if (Auth::user()->role->nama_role != 'Kasir')
<li>
<a href="javascript: void(0);" class="has-arrow waves-effect">
<i class="mdi mdi-book-open"></i>
<span>Data Master</span>
</a>
<ul class="sub-menu" aria-expanded="false">
<li><a href="{{ route('user.index') }}">Pengguna</a></li>
<li><a href="{{ route('pelanggan.index') }}">Pelanggan</a></li>
</ul>
</li>
@endif
@if (Auth::user()->role->nama_role != 'Kasir')
<li class="menu-title">Tagihan Meter</li>
<li>
<a href="{{ route('tagihan.index') }}" class=" waves-effect">
<i class="mdi mdi-clipboard-text"></i>
<span>Tagihan</span>
</a>
</li>
<li>
<a href="{{ route('pembayaran.index') }}" class=" waves-effect">
<i class="mdi mdi-clipboard-check"></i>
<span>Pembayaran</span>
</a>
</li>
<li>
<a href="{{ route('pembayaran_telat.index') }}" class=" waves-effect">
<i class="mdi mdi-clipboard-check"></i>
<span>Pembayaran Telat</span>
</a>
</li>
<li class="menu-title">Pemasangan Baru</li>
<li>
<a href="{{ route('tagihan_pemasangan.index') }}" class=" waves-effect">
<i class="mdi mdi-clipboard-text"></i>
<span>Tagihan Pemasangan</span>
</a>
</li>
<li>
<a href="{{ route('pembayaran_pemasangan.index') }}" class=" waves-effect">
<i class="mdi mdi-clipboard-check"></i>
<span>Pembayaran Pemasangan</span>
</a>
</li>
@endif
<li>
<a href="javascript: void(0);" class="has-arrow waves-effect">
<i class="mdi mdi-book-open"></i>
<span>Cek Tagihan</span>
</a>
<ul class="sub-menu" aria-expanded="false">
<li><a href="{{ route('cek_tagihan.tagihan') }}">Tagihan Meter</a></li>
<li><a href="{{ route('cek_tagihan.tagihan_pemasangan') }}">Tagihan Pemasangan</a></li>
</ul>
</li>
@if (Auth::user()->role->nama_role != 'Kasir')
<li>
<a href="javascript: void(0);" class="has-arrow waves-effect">
<i class="mdi mdi-archive"></i>
<span>Pesan Whatsapp</span>
</a>
<ul class="sub-menu" aria-expanded="false">
<li><a href="{{ route('template_pesan.index') }}">Template Pesan</a></li>
<li><a href="{{ route('history_pesan.index') }}">History Pesan</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);" class="has-arrow waves-effect">
<i class="mdi mdi-archive"></i>
<span>Laporan</span>
</a>
<ul class="sub-menu" aria-expanded="false">
<li><a href="{{ route('laporan.pelanggan') }}">Pelanggan</a></li>
<li><a href="{{ route('laporan.tagihan') }}">Tagihan</a></li>
<li><a href="{{ route('laporan.tagihan_pemasangan') }}">Tagihan Pemasangan</a></li>
<li><a href="{{ route('laporan.pembayaran') }}">Pembayaran</a></li>
<li><a href="{{ route('laporan.pembayaran_pemasangan') }}">Pembayaran Pemasangan</a></li>
</ul>
</li>
@endif
{{-- <li>
<a href="calendar.html" class=" waves-effect">
<i class="mdi mdi-chart-box"></i>
<span>Laporan</span>
</a>
</li> --}}
{{-- <li class="menu-title">Layouts</li>
<li>
<a href="javascript: void(0);" class="has-arrow waves-effect">
<i class="mdi mdi-gradient"></i>
<span>Vertical</span>
</a>
<ul class="sub-menu" aria-expanded="false">
<li><a href="layouts-light-sidebar.html">Light Sidebar</a></li>
<li><a href="layouts-compact-sidebar.html">Compact Sidebar</a></li>
<li><a href="layouts-icon-sidebar.html">Icon Sidebar</a></li>
<li><a href="layouts-boxed.html">Boxed Layout</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);" class="has-arrow waves-effect">
<i class="mdi mdi-page-layout-header"></i>
<span>Horizontal</span>
</a>
<ul class="sub-menu" aria-expanded="false">
<li><a href="layouts-horizontal.html">Default</a></li>
<li><a href="layouts-hori-topbar-dark.html">Topbar Dark</a></li>
<li><a href="layouts-hori-boxed-width.html">Boxed width</a></li>
</ul>
</li>
<li class="menu-title">Pages</li>
<li>
<a href="javascript: void(0);" class="has-arrow waves-effect">
<i class="mdi mdi-account-circle-outline"></i>
<span>Authentication</span>
</a>
<ul class="sub-menu" aria-expanded="false">
<li><a href="auth-login.html">Login</a></li>
<li><a href="auth-register.html">Register</a></li>
<li><a href="auth-recoverpw.html">Recover Password</a></li>
<li><a href="auth-lock-screen.html">Lock Screen</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);" class="has-arrow waves-effect">
<i class="mdi mdi-format-page-break"></i>
<span>Utility</span>
</a>
<ul class="sub-menu" aria-expanded="false">
<li><a href="pages-starter.html">Starter Page</a></li>
<li><a href="pages-maintenance.html">Maintenance</a></li>
<li><a href="pages-comingsoon.html">Coming Soon</a></li>
<li><a href="pages-timeline.html">Timeline</a></li>
<li><a href="pages-faqs.html">FAQs</a></li>
<li><a href="pages-pricing.html">Pricing</a></li>
<li><a href="pages-404.html">Error 404</a></li>
<li><a href="pages-500.html">Error 500</a></li>
</ul>
</li>
<li class="menu-title">Components</li>
<li>
<a href="javascript: void(0);" class="has-arrow waves-effect">
<i class="mdi mdi-briefcase-variant-outline"></i>
<span>UI Elements</span>
</a>
<ul class="sub-menu" aria-expanded="false">
<li><a href="ui-alerts.html">Alerts</a></li>
<li><a href="ui-badge.html">Badge</a></li>
<li><a href="ui-breadcrumb.html">Breadcrumb</a></li>
<li><a href="ui-buttons.html">Buttons</a></li>
<li><a href="ui-cards.html">Cards</a></li>
<li><a href="ui-carousel.html">Carousel</a></li>
<li><a href="ui-dropdowns.html">Dropdowns</a></li>
<li><a href="ui-grid.html">Grid</a></li>
<li><a href="ui-images.html">Images</a></li>
<li><a href="ui-lightbox.html">Lightbox</a></li>
<li><a href="ui-modals.html">Modals</a></li>
<li><a href="ui-offcanvas.html">Offcanvas</a></li>
<li><a href="ui-rangeslider.html">Range Slider</a></li>
<li><a href="ui-session-timeout.html">Session Timeout</a></li>
<li><a href="ui-pagination.html">Pagination</a></li>
<li><a href="ui-progressbars.html">Progress Bars</a></li>
<li><a href="ui-placeholders.html">Placeholders</a></li>
<li><a href="ui-sweet-alert.html">Sweetalert 2</a></li>
<li><a href="ui-tabs-accordions.html">Tabs & Accordions</a></li>
<li><a href="ui-typography.html">Typography</a></li>
<li><a href="ui-toasts.html">Toasts</a></li>
<li><a href="ui-video.html">Video</a></li>
<li><a href="ui-popover-tooltips.html">Popovers & Tooltips</a></li>
<li><a href="ui-rating.html">Rating</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);" class="waves-effect">
<i class="ri-eraser-fill"></i>
<span class="badge rounded-pill bg-danger float-end">8</span>
<span>Forms</span>
</a>
<ul class="sub-menu" aria-expanded="false">
<li><a href="form-elements.html">Form Elements</a></li>
<li><a href="form-validation.html">Form Validation</a></li>
<li><a href="form-advanced.html">Form Advanced Plugins</a></li>
<li><a href="form-editors.html">Form Editors</a></li>
<li><a href="form-uploads.html">Form File Upload</a></li>
<li><a href="form-xeditable.html">Form X-editable</a></li>
<li><a href="form-wizard.html">Form Wizard</a></li>
<li><a href="form-mask.html">Form Mask</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);" class="has-arrow waves-effect">
<i class="ri-table-2"></i>
<span>Tables</span>
</a>
<ul class="sub-menu" aria-expanded="false">
<li><a href="tables-basic.html">Basic Tables</a></li>
<li><a href="tables-datatable.html">Data Tables</a></li>
<li><a href="tables-responsive.html">Responsive Table</a></li>
<li><a href="tables-editable.html">Editable Table</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);" class="has-arrow waves-effect">
<i class="ri-bar-chart-line"></i>
<span>Charts</span>
</a>
<ul class="sub-menu" aria-expanded="false">
<li><a href="charts-apex.html">Apex Charts</a></li>
<li><a href="charts-chartjs.html">Chartjs Charts</a></li>
<li><a href="charts-flot.html">Flot Charts</a></li>
<li><a href="charts-knob.html">Jquery Knob Charts</a></li>
<li><a href="charts-sparkline.html">Sparkline Charts</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);" class="has-arrow waves-effect">
<i class="ri-brush-line"></i>
<span>Icons</span>
</a>
<ul class="sub-menu" aria-expanded="false">
<li><a href="icons-remix.html">Remix Icons</a></li>
<li><a href="icons-materialdesign.html">Material Design</a></li>
<li><a href="icons-dripicons.html">Dripicons</a></li>
<li><a href="icons-fontawesome.html">Font Awesome </a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);" class="has-arrow waves-effect">
<i class="ri-map-pin-line"></i>
<span>Maps</span>
</a>
<ul class="sub-menu" aria-expanded="false">
<li><a href="maps-google.html">Google Maps</a></li>
<li><a href="maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);" class="has-arrow waves-effect">
<i class="ri-share-line"></i>
<span>Multi Level</span>
</a>
<ul class="sub-menu" aria-expanded="true">
<li><a href="javascript: void(0);">Level 1.1</a></li>
<li><a href="javascript: void(0);" class="has-arrow">Level 1.2</a>
<ul class="sub-menu" aria-expanded="true">
<li><a href="javascript: void(0);">Level 2.1</a></li>
<li><a href="javascript: void(0);">Level 2.2</a></li>
</ul>
</li>
</ul>
</li> --}}
</ul>
</div>
<!-- Sidebar -->
</div>
</div>
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell