Probindo/database-pertani-web
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refinement registrasi-verifikasi role & rbac

Browse Source
This commit is contained in:
Althaf
2026-07-09 17:42:55 +07:00
parent a1d9b34d93
commit bd9b0873a3
9 changed files with 349 additions and 364 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/konfigurasi/user/index.blade.php
+67 -41
View File
@@ -178,20 +178,30 @@
<span class="badge bg-label-success">Verified</span>
@else
<span class="badge bg-label-warning">Pending</span>
<form action="{{ route('users.verify', $user->id) }}" method="POST" class="d-inline">
@csrf
@method('PATCH')
<button type="button" class="btn btn-xs btn-outline-success ms-2 btn-verify">Verify</button>
</form>
</form>
@endif
</td>
<td>
<div class="d-flex align-items-center">
<a href="javascript:;" class="btn btn-icon btn-text-secondary rounded-pill edit-record" title="Edit" data-id="{{ $user->id }}"><i class="ti tabler-edit ti-md"></i></a>
<a href="javascript:;" class="btn btn-icon btn-text-secondary rounded-pill delete-record" data-id="{{ $user->id }}" data-name="{{ $user->name }}" title="Delete"><i class="ti tabler-trash ti-md"></i></a>
</div>
</td>
<td>
<div class="d-flex align-items-center">
<a href="javascript:;" class="btn btn-icon btn-text-secondary rounded-pill edit-record" title="Edit" data-id="{{ $user->id }}">
<i class="ti tabler-edit ti-md"></i>
</a>
<a href="javascript:;" class="btn btn-icon btn-text-secondary rounded-pill delete-record" data-id="{{ $user->id }}" data-name="{{ $user->name }}" title="Delete">
<i class="ti tabler-trash ti-md"></i>
</a>
@if(!$user->email_verified_at)
<button type="button"
class="btn btn-primary px-9 d-flex align-items-center btn-verify shadow-sm waves-effect waves-light"
style="margin-left: 60px;"
data-url="{{ route('users.verify', $user->id) }}">
<i class="ti tabler-user-check me-2"></i> Verify
</button>
@endif
</div>
</td>
</tr>
@empty
<tr><td colspan="5" class="text-center py-4">No users found.</td></tr>
@@ -216,34 +226,54 @@
$(document).ready(function () {
$(document).on('click', '.btn-verify', function (e) {
e.preventDefault();
const form = $(this).closest('form');
const url = form.attr('action');
const formData = new FormData(form[0]);
const url = $(this).data('url');
Swal.fire({
title: 'Verifikasi User?',
text: "User ini akan diaktifkan dan dapat login ke dalam sistem.",
icon: 'question',
title: 'Verifikasi Akun',
icon: 'info',
iconColor: '#696cff',
width: '28em',
html: `
<p class="text-muted mb-4" style="font-size: 0.95rem;">Tentukan role akses untuk pengguna ini agar dapat masuk ke dalam sistem AgroMonev.</p>
<div class="px-2 px-md-4 mb-2">
<select id="role-select" class="form-select form-select-md text-start shadow-none" style="cursor: pointer; border-radius: 8px; border-color: #d9dee3;">
<option value="" selected disabled>-- Pilih Role Akses --</option>
<option value="super_admin">🟣 Super Admin</option>
<option value="admin">🟣 Admin</option>
<option value="fasilitator">🟣 Fasilitator</option>
<option value="offtaker">🟣 Offtaker</option>
</select>
</div>
`,
showCancelButton: true,
confirmButtonText: 'Ya, Verifikasi!',
confirmButtonText: '<i class="ti tabler-check me-1"></i> Simpan',
cancelButtonText: 'Batal',
customClass: {
confirmButton: 'btn btn-success me-3',
cancelButton: 'btn btn-label-secondary'
popup: 'rounded-4',
confirmButton: 'btn btn-primary me-3 waves-effect waves-light',
cancelButton: 'btn btn-label-secondary waves-effect'
},
buttonsStyling: false
buttonsStyling: false,
preConfirm: () => {
const role = Swal.getPopup().querySelector('#role-select').value;
if (!role) {
Swal.showValidationMessage('Silakan pilih role terlebih dahulu!');
}
return { role: role };
}
}).then(function (result) {
if (result.value) {
if (result.isConfirmed) {
const payload = {
_token: csrfToken,
_method: 'PUT',
role: result.value.role
};
$.ajax({
url: url,
type: 'POST',
data: formData,
processData: false,
contentType: false,
headers: {
'Accept': 'application/json'
},
type: 'POST',
data: payload,
success: function (res) {
if (res.status === 'success') {
Swal.fire({
@@ -251,17 +281,18 @@
title: 'Berhasil!',
text: res.message,
showConfirmButton: false,
timer: 1500
timer: 1500,
customClass: { popup: 'rounded-4' }
}).then(() => {
window.location.reload();
});
} else {
Swal.fire({ icon: 'error', title: 'Gagal!', text: res.message });
Swal.fire({ icon: 'error', title: 'Gagal!', text: res.message, customClass: { popup: 'rounded-4' } });
}
},
error: function (xhr) {
let errorMsg = xhr.responseJSON ? xhr.responseJSON.message : 'Terjadi kesalahan pada server.';
Swal.fire({ icon: 'error', title: 'Error!', text: errorMsg });
Swal.fire({ icon: 'error', title: 'Error!', text: errorMsg, customClass: { popup: 'rounded-4' } });
}
});
}
@@ -276,10 +307,7 @@
$(document).on('click', '.edit-record', function (e) {
e.preventDefault();
const id = $(this).data('id');
const offcanvasEditEl = document.getElementById('offcanvasEdit');
if (!id) return;
$(this).html('<span class="spinner-border spinner-border-sm" role="status"></span>');
@@ -290,10 +318,8 @@
type: 'GET',
success: function (res) {
btn.html('<i class="ti tabler-edit ti-md"></i>');
if (res.status === 'success') {
const user = res.data;
$('#editUserName').text(user.name);
$('#editEmail').text(user.email);
$('#formEdit').attr('action', `/users/${user.id}`);
@@ -355,7 +381,7 @@
}).then(function (result) {
if (result.value) {
$.ajax({
url: `/users/${id}`, // Sesuaikan dengan route destroy kamu
url: `/users/${id}`,
type: 'DELETE',
headers: { 'X-CSRF-TOKEN': csrfToken },
success: function (res) {
@@ -369,4 +395,4 @@
});
});
</script>
@endpush
@endpush
resources/views/layout/sidebar.blade.php
+196 -291
View File
@@ -1,144 +1,114 @@
<aside id="layout-menu" class="layout-menu menu-vertical menu">
<div class="app-brand demo ">
<a href="{{ route('home') }}" class="app-brand-link">
<span class="app-brand-logo demo">
<span>
<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Daun Kiri (Hijau, opacity tetap) -->
<path opacity="0.3"
d="M16 2.5C16 2.5 5 6.5 5 15.5C5 20.5 11 23.5 16 23.5V2.5Z"
fill="#28a745" />
<!-- Daun Kanan (Hijau lebih kuat) -->
<path opacity="0.6"
d="M16 2.5C16 2.5 27 6.5 27 15.5C27 20.5 21 23.5 16 23.5V2.5Z"
fill="#28a745" />
<!-- Grafik BIRU (bawah ke tengah) -->
<path d="M2 19L10 11L15 15"
stroke="#0054A6"
stroke-width="2.5"
stroke-linecap="round"
stroke-linejoin="round" />
<!-- Grafik MERAH (tengah ke atas) -->
<path d="M15 15L27 4"
stroke="#ED1C24"
stroke-width="2.5"
stroke-linecap="round"
stroke-linejoin="round" />
<!-- Titik target (Merah) -->
<circle cx="27" cy="4" r="2.5" fill="#ED1C24" />
</svg>
<a href="{{ route('home') }}" class="app-brand-link">
<span class="app-brand-logo demo">
<span>
<svg width="32" height="24" viewBox="0 0 32 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.3" d="M16 2.5C16 2.5 5 6.5 5 15.5C5 20.5 11 23.5 16 23.5V2.5Z" fill="#28a745" />
<path opacity="0.6" d="M16 2.5C16 2.5 27 6.5 27 15.5C27 20.5 21 23.5 16 23.5V2.5Z" fill="#28a745" />
<path d="M2 19L10 11L15 15" stroke="#0054A6" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M15 15L27 4" stroke="#ED1C24" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
<circle cx="27" cy="4" r="2.5" fill="#ED1C24" />
</svg>
</span>
</span>
</span>
<span class="app-brand-text demo menu-text fw-bold ms-3" style="text-transform: capitalize;">
AgroMonev
</span>
</a>
<span class="app-brand-text demo menu-text fw-bold ms-3" style="text-transform: capitalize;">
AgroMonev
</span>
</a>
<a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
<i class="icon-base ti menu-toggle-icon d-none d-xl-block"></i>
<i class="icon-base ti tabler-x d-block d-xl-none"></i>
</a>
<a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
<i class="icon-base ti menu-toggle-icon d-none d-xl-block"></i>
<i class="icon-base ti tabler-x d-block d-xl-none"></i>
</a>
</div>
<div class="menu-inner-shadow"></div>
<ul class="menu-inner py-1">
<!-- Dashboards -->
<li class="menu-item">
<a href="javascript:void(0);" class="menu-link menu-toggle">
<i class="menu-icon icon-base ti tabler-smart-home"></i>
<div data-i18n="Dashboards">Dashboards</div>
<!-- <div class="badge text-bg-danger rounded-pill ms-auto">5</div> -->
</a>
<ul class="menu-sub">
<li class="menu-item">
<a href="{{ route('dashboard.produktivitas') }}" class="menu-link">
<div data-i18n="Produktivitas">Produktivitas</div>
</a>
</li>
</ul>
<ul class="menu-sub">
<li class="menu-item">
<a href="{{ route('dashboard.survey') }}" class="menu-link">
<div data-i18n="Survey">Survey</div>
</a>
</li>
</ul>
</li>
<!-- Ekosistem -->
<li class="menu-header small">
<span class="menu-header-text" data-i18n="Ekosistem">Ekosistem</span>
</li>
<li class="menu-item {{ request()->routeIs(['profile.*', 'produksi.*', 'lahan.*', 'tanaman.*']) ? 'active open' : '' }}">
<a href="javascript:void(0);" class="menu-link menu-toggle">
<i class="menu-icon icon-base ti tabler-file-description"></i>
<div data-i18n="Data Pertanian">Data Pertanian</div>
</a>
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('petani.*') ? 'active' : '' }}">
<a href="{{ route('petani.index') }}" class="menu-link">
<div data-i18n="Profil Petani">Profil Petani</div>
</a>
</li>
</ul>
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('produksi.*') ? 'active' : '' }}">
<a href="{{ route('produksi.index') }}" class="menu-link">
<div data-i18n="Hasil Panen">Hasil Panen</div>
</a>
</li>
</ul>
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('lahan.*') ? 'active' : '' }}">
<a href="{{ route('lahan.index') }}" class="menu-link">
<div data-i18n="Pemantauan Lahan">Pemantauan Lahan</div>
</a>
</li>
</ul>
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('tanaman.*') ? 'active' : '' }}">
<a href="{{ route('tanaman.index') }}" class="menu-link">
<div data-i18n="Pemantauan Tanaman">Pemantauan Tanaman</div>
</a>
</li>
</ul>
</li>
<li class="menu-item {{ request()->routeIs(['petani-cpm.*', 'lahan-cpcl.*', 'tabel.data.*']) ? 'active open' : '' }}">
<a href="javascript:void(0);" class="menu-link menu-toggle">
<i class="menu-icon icon-base ti tabler-folder-root"></i>
<div data-i18n="Basis Data Ekosistem">Basis Data Ekosistem</div>
</a>
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('petani-cpm.*') ? 'active' : '' }}">
<a href="{{ route('petani-cpm.index') }}" class="menu-link">
<div data-i18n="Petani CPM">Petani CPM</div>
</a>
</li>
</ul>
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('lahan-cpcl.*') ? 'active' : '' }}">
<a href="{{ route('lahan-cpcl.index') }}" class="menu-link">
<div data-i18n="Lahan CPCL">Lahan CPCL</div>
</a>
</li>
</ul>
@foreach ($tabel_menu as $tbl)
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('tabel.data.*') && request()->route('tabel') == $tbl->id ? 'active' : '' }}">
<a href="{{ route('tabel.data.index', $tbl->id) }}" class="menu-link">
<div data-i18n="{{ $tbl->menu }}">{{ $tbl->menu }}</div>
</a>
</li>
</ul>
@endforeach
</li>
<!-- <li class="menu-item">
<!-- Dashboards -->
@php
$userRole = auth()->check() ? (auth()->user()->role instanceof \App\Enums\Role ? auth()->user()->role->value : auth()->user()->role) : null;
@endphp
@if(in_array($userRole, ['super_admin', 'admin', 'fasilitator']))
<li class="menu-item active open">
<a href="javascript:void(0);" class="menu-link menu-toggle">
<i class="menu-icon icon-base ti tabler-smart-home"></i>
<div data-i18n="Dashboards">Dashboards</div>
</a>
@if(in_array($userRole, ['super_admin', 'admin']))
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('dashboard.produktivitas') ? 'active' : '' }}">
<a href="{{ route('dashboard.produktivitas') }}" class="menu-link">
<div data-i18n="Produktivitas">Produktivitas</div>
</a>
</li>
</ul>
@endif
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('dashboard.survey') ? 'active' : '' }}">
<a href="{{ route('dashboard.survey') }}" class="menu-link">
<div data-i18n="Survey">Survey</div>
</a>
</li>
</ul>
</li>
@endif
@if(in_array($userRole, ['super_admin', 'admin']))
<!-- Ekosistem -->
<li class="menu-header small">
<span class="menu-header-text" data-i18n="Ekosistem">Ekosistem</span>
</li>
<li class="menu-item {{ request()->routeIs(['profile.*', 'produksi.*', 'lahan.*', 'tanaman.*']) ? 'active open' : '' }}">
<a href="javascript:void(0);" class="menu-link menu-toggle">
<i class="menu-icon icon-base ti tabler-file-description"></i>
<div data-i18n="Data Pertanian">Data Pertanian</div>
</a>
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('petani.*') ? 'active' : '' }}">
<a href="{{ route('petani.index') }}" class="menu-link"><div data-i18n="Profil Petani">Profil Petani</div></a>
</li>
<li class="menu-item {{ request()->routeIs('produksi.*') ? 'active' : '' }}">
<a href="{{ route('produksi.index') }}" class="menu-link"><div data-i18n="Hasil Panen">Hasil Panen</div></a>
</li>
<li class="menu-item {{ request()->routeIs('lahan.*') ? 'active' : '' }}">
<a href="{{ route('lahan.index') }}" class="menu-link"><div data-i18n="Pemantauan Lahan">Pemantauan Lahan</div></a>
</li>
<li class="menu-item {{ request()->routeIs('tanaman.*') ? 'active' : '' }}">
<a href="{{ route('tanaman.index') }}" class="menu-link"><div data-i18n="Pemantauan Tanaman">Pemantauan Tanaman</div></a>
</li>
</ul>
</li>
<li class="menu-item {{ request()->routeIs(['petani-cpm.*', 'lahan-cpcl.*', 'tabel.data.*']) ? 'active open' : '' }}">
<a href="javascript:void(0);" class="menu-link menu-toggle">
<i class="menu-icon icon-base ti tabler-folder-root"></i>
<div data-i18n="Basis Data Ekosistem">Basis Data Ekosistem</div>
</a>
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('petani-cpm.*') ? 'active' : '' }}">
<a href="{{ route('petani-cpm.index') }}" class="menu-link"><div data-i18n="Petani CPM">Petani CPM</div></a>
</li>
<li class="menu-item {{ request()->routeIs('lahan-cpcl.*') ? 'active' : '' }}">
<a href="{{ route('lahan-cpcl.index') }}" class="menu-link"><div data-i18n="Lahan CPCL">Lahan CPCL</div></a>
</li>
</ul>
@foreach ($tabel_menu ?? [] as $tbl)
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('tabel.data.*') && request()->route('tabel') == $tbl->id ? 'active' : '' }}">
<a href="{{ route('tabel.data.index', $tbl->id) }}" class="menu-link">
<div data-i18n="{{ $tbl->menu }}">{{ $tbl->menu }}</div>
</a>
</li>
</ul>
@endforeach
</li>
<!-- <li class="menu-item">
<a href="javascript:void(0);" class="menu-link menu-toggle">
<i class="menu-icon icon-base ti tabler-line-scan"></i>
<div data-i18n="Tracebility">Tracebility</div>
@@ -158,178 +128,113 @@
</li>
</ul>
</li> -->
<li class="menu-item {{ request()->routeIs(['realisasi.*', 'kelompok-belajar-tani.*', 'workshop.*']) ? 'active open' : '' }}">
<a href="javascript:void(0);" class="menu-link menu-toggle">
<i class="menu-icon icon-base ti tabler-webhook"></i>
<div data-i18n="Program & Komunitas">Program & Komunitas</div>
</a>
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('realisasi.*') ? 'active' : '' }}">
<a href="{{ route('realisasi.index') }}" class="menu-link">
<div data-i18n="Capaian Program">Capaian Program</div>
</a>
</li>
</ul>
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('kelompok-belajar-tani.*') ? 'active' : '' }}">
<a href="{{ route('kelompok-belajar-tani.index') }}" class="menu-link">
<div data-i18n="Kelompok Belajar Petani">Kelompok Belajar Petani</div>
</a>
</li>
</ul>
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('workshop.*') ? 'active' : '' }}">
<a href="{{ route('workshop.index') }}" class="menu-link">
<div data-i18n="Workshop & Lokakarya">Workshop & Lokakarya</div>
</a>
</li>
</ul>
<!-- <ul class="menu-sub">
<li class="menu-item">
<a href="#" class="menu-link">
<div data-i18n="Desiminasi & Replikasi">Desiminasi & Replikasi</div>
</a>
</li>
</ul> -->
</li>
<!-- Master Data -->
<li class="menu-header small">
<span class="menu-header-text" data-i18n="Master Data">Master Data</span>
</li>
<li class="menu-item {{ request()->routeIs(['realisasi.*', 'kelompok-belajar-tani.*', 'workshop.*']) ? 'active open' : '' }}">
<a href="javascript:void(0);" class="menu-link menu-toggle">
<i class="menu-icon icon-base ti tabler-webhook"></i>
<div data-i18n="Program & Komunitas">Program & Komunitas</div>
</a>
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('realisasi.*') ? 'active' : '' }}">
<a href="{{ route('realisasi.index') }}" class="menu-link"><div data-i18n="Capaian Program">Capaian Program</div></a>
</li>
<li class="menu-item {{ request()->routeIs('kelompok-belajar-tani.*') ? 'active' : '' }}">
<a href="{{ route('kelompok-belajar-tani.index') }}" class="menu-link"><div data-i18n="Kelompok Belajar Petani">Kelompok Belajar Petani</div></a>
</li>
<li class="menu-item {{ request()->routeIs('workshop.*') ? 'active' : '' }}">
<a href="{{ route('workshop.index') }}" class="menu-link"><div data-i18n="Workshop & Lokakarya">Workshop & Lokakarya</div></a>
</li>
</ul>
</li>
@endif
<li class="menu-item">
<a href="javascript:void(0);" class="menu-link menu-toggle">
<i class="menu-icon icon-base ti tabler-world"></i>
<div data-i18n="Wilayah">Wilayah</div>
</a>
<ul class="menu-sub">
<li class="menu-item">
<a href="{{ route('provinsi.index') }}" class="menu-link">
<div data-i18n="Provinsi">provinsi</div>
</a>
</li>
<li class="menu-item">
<a href="{{ route('kabupatenkota.index') }}" class="menu-link">
<div data-i18n="Kabupaten Kota">Kabupaten Kota</div>
</a>
</li>
<li class="menu-item">
<a href="{{ route('kecamatan.index') }}" class="menu-link">
<div data-i18n="Kecamatan">Kecamatan</div>
</a>
</li>
<li class="menu-item">
<a href="{{ route('desakelurahan.index') }}" class="menu-link">
<div data-i18n="Desa Kelurahan">Desa Kelurahan</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a href="{{ route('adat.index') }}" class="menu-link">
<i class="menu-icon icon-base ti tabler-matrix"></i>
<div data-i18n="Adat">Adat</div>
</a>
</li>
<li class="menu-item">
<a href="{{ route('keluarga.index') }}" class="menu-link">
<i class="menu-icon icon-base ti tabler-sitemap"></i>
<div data-i18n="Keluarga">Keluarga</div>
</a>
</li>
<li class="menu-item">
<a href="javascript:void(0);" class="menu-link menu-toggle">
<i class="menu-icon icon-base ti tabler-plant"></i>
<div data-i18n="Tanaman">Tanaman</div>
</a>
<ul class="menu-sub">
<li class="menu-item">
<a href="{{ route('komoditas.index') }}" class="menu-link">
<div data-i18n="Komoditas">Komoditas</div>
</a>
</li>
<li class="menu-item">
<a href="{{ route('jenis-komoditas.index') }}" class="menu-link">
<div data-i18n="Jenis Komoditas">Jenis Komoditas</div>
</a>
</li>
<li class="menu-item">
<a href="{{ route('varietas.index') }}" class="menu-link">
<div data-i18n="Varietas">Varietas</div>
</a>
</li>
</ul>
</li>
@if(in_array($userRole, ['super_admin']))
<!-- Master Data -->
<li class="menu-header small">
<span class="menu-header-text" data-i18n="Master Data">Master Data</span>
</li>
<li class="menu-item">
<a href="javascript:void(0);" class="menu-link menu-toggle">
<i class="menu-icon icon-base ti tabler-world"></i>
<div data-i18n="Wilayah">Wilayah</div>
</a>
<ul class="menu-sub">
<li class="menu-item"><a href="{{ route('provinsi.index') }}" class="menu-link"><div data-i18n="Provinsi">Provinsi</div></a></li>
<li class="menu-item"><a href="{{ route('kabupatenkota.index') }}" class="menu-link"><div data-i18n="Kabupaten Kota">Kabupaten Kota</div></a></li>
<li class="menu-item"><a href="{{ route('kecamatan.index') }}" class="menu-link"><div data-i18n="Kecamatan">Kecamatan</div></a></li>
<li class="menu-item"><a href="{{ route('desakelurahan.index') }}" class="menu-link"><div data-i18n="Desa Kelurahan">Desa Kelurahan</div></a></li>
</ul>
</li>
<li class="menu-item">
<a href="{{ route('adat.index') }}" class="menu-link"><i class="menu-icon icon-base ti tabler-matrix"></i><div data-i18n="Adat">Adat</div></a>
</li>
<li class="menu-item">
<a href="{{ route('keluarga.index') }}" class="menu-link"><i class="menu-icon icon-base ti tabler-sitemap"></i><div data-i18n="Keluarga">Keluarga</div></a>
</li>
<li class="menu-item">
<a href="javascript:void(0);" class="menu-link menu-toggle">
<i class="menu-icon icon-base ti tabler-plant"></i><div data-i18n="Tanaman">Tanaman</div>
</a>
<ul class="menu-sub">
<li class="menu-item"><a href="{{ route('komoditas.index') }}" class="menu-link"><div data-i18n="Komoditas">Komoditas</div></a></li>
<li class="menu-item"><a href="{{ route('jenis-komoditas.index') }}" class="menu-link"><div data-i18n="Jenis Komoditas">Jenis Komoditas</div></a></li>
<li class="menu-item"><a href="{{ route('varietas.index') }}" class="menu-link"><div data-i18n="Varietas">Varietas</div></a></li>
</ul>
</li>
@endif
<!-- Konfigurasi -->
<li class="menu-header small">
<span class="menu-header-text" data-i18n="Konfigurasi">Konfigurasi</span>
</li>
<li class="menu-item {{ request()->routeIs('users.*') ? 'active' : '' }}">
<a href="{{ route('users.index') }}" class="menu-link">
<i class="menu-icon icon-base ti tabler-users"></i>
<div data-i18n="Daftar Pengguna">Daftar Pengguna</div>
</a>
</li>
<li class="menu-item {{ request()->routeIs(['program.*', 'framework.*']) ? 'active open' : '' }}">
<a href="javascript:void(0);" class="menu-link menu-toggle">
<i class="menu-icon icon-base ti tabler-transform"></i>
<div data-i18n="Program Transformasi">Program Transformasi</div>
</a>
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('program.*') ? 'active' : '' }}">
<a href="{{ route('program.index') }}" class="menu-link">
<div data-i18n="Program Transformasi">Program Transformasi</div>
@if(in_array($userRole, ['super_admin', 'admin']))
<li class="menu-header small">
<span class="menu-header-text" data-i18n="Konfigurasi">Konfigurasi</span>
</li>
<li class="menu-item {{ request()->routeIs('users.*') ? 'active' : '' }}">
<a href="{{ route('users.index') }}" class="menu-link">
<i class="menu-icon icon-base ti tabler-users"></i><div data-i18n="Daftar Pengguna">Daftar Pengguna</div>
</a>
</li>
<li class="menu-item {{ request()->routeIs('framework.*') ? 'active' : '' }}">
<a href="{{ route('framework.index') }}" class="menu-link">
<div data-i18n="Framework">Framework</div>
<li class="menu-item {{ request()->routeIs(['program.*', 'framework.*']) ? 'active open' : '' }}">
<a href="javascript:void(0);" class="menu-link menu-toggle">
<i class="menu-icon icon-base ti tabler-transform"></i><div data-i18n="Program Transformasi">Program Transformasi</div>
</a>
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('program.*') ? 'active' : '' }}">
<a href="{{ route('program.index') }}" class="menu-link"><div data-i18n="Program Transformasi">Program Transformasi</div></a>
</li>
<li class="menu-item {{ request()->routeIs('framework.*') ? 'active' : '' }}">
<a href="{{ route('framework.index') }}" class="menu-link"><div data-i18n="Framework">Framework</div></a>
</li>
</ul>
</li>
</ul>
</li>
<li class="menu-item {{ request()->routeIs(['group.*', 'tabel.*']) && !request()->routeIs('tabel.data.*') ? 'active open' : '' }}">
<a href="javascript:void(0);" class="menu-link menu-toggle">
<i class="menu-icon icon-base ti tabler-database"></i>
<div data-i18n="Basis Data Ekosistem">Basis Data Ekosistem</div>
</a>
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('group.*') ? 'active' : '' }}">
<a href="{{ route('group.index') }}" class="menu-link">
<div data-i18n="Kelompok">Kelompok</div>
<li class="menu-item {{ request()->routeIs(['group.*', 'tabel.*']) && !request()->routeIs('tabel.data.*') ? 'active open' : '' }}">
<a href="javascript:void(0);" class="menu-link menu-toggle">
<i class="menu-icon icon-base ti tabler-database"></i><div data-i18n="Basis Data Ekosistem">Basis Data Ekosistem</div>
</a>
<ul class="menu-sub">
<li class="menu-item {{ request()->routeIs('group.*') ? 'active' : '' }}">
<a href="{{ route('group.index') }}" class="menu-link"><div data-i18n="Kelompok">Kelompok</div></a>
</li>
<li class="menu-item {{ request()->routeIs('tabel.*') && !request()->routeIs('tabel.data.*') ? 'active' : '' }}">
<a href="{{ route('tabel.index') }}" class="menu-link"><div data-i18n="Tabel">Tabel</div></a>
</li>
</ul>
</li>
<li class="menu-item {{ request()->routeIs('tabel.*') && !request()->routeIs('tabel.data.*') ? 'active' : '' }}">
<a href="{{ route('tabel.index') }}" class="menu-link">
<div data-i18n="Tabel">Tabel</div>
</a>
</li>
</ul>
</li>
<!-- Misc -->
<li class="menu-header small">
<span class="menu-header-text" data-i18n="Misc">Misc</span>
</li>
<!-- Multi Level Menu -->
<li class="menu-item">
<a
href="https://docs.google.com/spreadsheets/d/1nbh4xW-K_GwRW34-cD81p9B-LnLvkvro/edit?usp=sharing&ouid=103442063105125817060&rtpof=true&sd=true"
target="_blank"
class="menu-link">
<i class="menu-icon icon-base ti tabler-file-description"></i>
<div data-i18n="Documentation">Documentation</div>
</a>
</li>
<!-- Misc -->
<li class="menu-header small">
<span class="menu-header-text" data-i18n="Misc">Misc</span>
</li>
<li class="menu-item">
<a href="https://docs.google.com/spreadsheets/d/1nbh4xW-K_GwRW34-cD81p9B-LnLvkvro/edit?usp=sharing&ouid=103442063105125817060&rtpof=true&sd=true" target="_blank" class="menu-link">
<i class="menu-icon icon-base ti tabler-file-description"></i><div data-i18n="Documentation">Documentation</div>
</a>
</li>
@endif
</ul>
</aside>
<div class="menu-mobile-toggler d-xl-none rounded-1">
<a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large text-bg-secondary p-2 rounded-1">
<i class="ti tabler-menu icon-base"></i>
<i class="ti tabler-chevron-right icon-base"></i>
<i class="ti tabler-menu icon-base"></i>
<i class="ti tabler-chevron-right icon-base"></i>
</a>
</div>
</div>