258 lines
20 KiB
PHP
258 lines
20 KiB
PHP
<div id="kt_aside" class="aside aside-light aside-hoverable" data-kt-drawer="true" data-kt-drawer-name="aside"
|
|
data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true"
|
|
data-kt-drawer-width="{default:'200px', '300px': '250px'}" data-kt-drawer-direction="start"
|
|
data-kt-drawer-toggle="#kt_aside_mobile_toggle">
|
|
<div class="aside-logo flex-column-auto" id="kt_aside_logo">
|
|
{{-- <a href="#" style="font-size: 2rem;">
|
|
L O G O
|
|
</a> --}}
|
|
<a href="/" class="transition-all hover:translate-x-1">
|
|
<img src="https://flowbite.com/docs/images/logo.svg" class="h-8 mr-3" alt="Flowbite Logo">
|
|
</a>
|
|
<strong style="font-size: 24px;"><span class="text-primary">tect</span><span class="text-danger">crime</span></strong>
|
|
<div id="kt_aside_toggle" class="btn btn-icon w-auto px-0 btn-active-color-primary aside-toggle"
|
|
data-kt-toggle="true" data-kt-toggle-state="active" data-kt-toggle-target="body"
|
|
data-kt-toggle-name="aside-minimize">
|
|
<span class="svg-icon svg-icon-1 rotate-180">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none">
|
|
<path opacity="0.5"
|
|
d="M14.2657 11.4343L18.45 7.25C18.8642 6.83579 18.8642 6.16421 18.45 5.75C18.0358 5.33579 17.3642 5.33579 16.95 5.75L11.4071 11.2929C11.0166 11.6834 11.0166 12.3166 11.4071 12.7071L16.95 18.25C17.3642 18.6642 18.0358 18.6642 18.45 18.25C18.8642 17.8358 18.8642 17.1642 18.45 16.75L14.2657 12.5657C13.9533 12.2533 13.9533 11.7467 14.2657 11.4343Z"
|
|
fill="black" />
|
|
<path
|
|
d="M8.2657 11.4343L12.45 7.25C12.8642 6.83579 12.8642 6.16421 12.45 5.75C12.0358 5.33579 11.3642 5.33579 10.95 5.75L5.40712 11.2929C5.01659 11.6834 5.01659 12.3166 5.40712 12.7071L10.95 18.25C11.3642 18.6642 12.0358 18.6642 12.45 18.25C12.8642 17.8358 12.8642 17.1642 12.45 16.75L8.2657 12.5657C7.95328 12.2533 7.95328 11.7467 8.2657 11.4343Z"
|
|
fill="black" />
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="aside-menu flex-column-fluid">
|
|
<div class="hover-scroll-overlay-y my-5 my-lg-5" id="kt_aside_menu_wrapper" data-kt-scroll="true"
|
|
data-kt-scroll-activate="{default: false, lg: true}" data-kt-scroll-height="auto"
|
|
data-kt-scroll-dependencies="#kt_aside_logo, #kt_aside_footer" data-kt-scroll-wrappers="#kt_aside_menu"
|
|
data-kt-scroll-offset="0">
|
|
<div class="menu menu-column menu-title-gray-800 menu-state-title-primary menu-state-icon-primary menu-state-bullet-primary menu-arrow-gray-500"
|
|
id="#kt_aside_menu" data-kt-menu="true">
|
|
<div class="menu-item">
|
|
<div class="menu-content pb-2">
|
|
<span class="menu-section text-muted text-uppercase fs-8 ls-1">Websites</span>
|
|
</div>
|
|
</div>
|
|
<div class="menu-item">
|
|
<a class="menu-link {{ Route::currentRouteName() === 'admin.dashboard' ? 'active' : '' }}"
|
|
href="{{ route('admin.dashboard') }}">
|
|
<span class="menu-icon">
|
|
<span class="svg-icon svg-icon-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
|
viewBox="0 0 24 24" fill="none">
|
|
<rect x="2" y="2" width="9" height="9" rx="2" fill="black" />
|
|
<rect opacity="0.3" x="13" y="2" width="9" height="9" rx="2"
|
|
fill="black" />
|
|
<rect opacity="0.3" x="13" y="13" width="9" height="9" rx="2"
|
|
fill="black" />
|
|
<rect opacity="0.3" x="2" y="13" width="9" height="9" rx="2"
|
|
fill="black" />
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
<span class="menu-title">Dashboard</span>
|
|
</a>
|
|
</div>
|
|
<div class="menu-item">
|
|
<a class="menu-link" href="{{ route('landing.pages') }}" target="_blank">
|
|
<span class="menu-icon">
|
|
<span class="svg-icon svg-icon-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
|
viewBox="0 0 24 24" fill="none">
|
|
<path opacity="0.3"
|
|
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
|
|
fill="black" />
|
|
<path
|
|
d="M19 10.4C19 10.3 19 10.2 19 10C19 8.9 18.1 8 17 8H16.9C15.6 6.2 14.6 4.29995 13.9 2.19995C13.3 2.09995 12.6 2 12 2C11.9 2 11.8 2 11.7 2C12.4 4.6 13.5 7.10005 15.1 9.30005C15 9.50005 15 9.7 15 10C15 11.1 15.9 12 17 12C17.1 12 17.3 12 17.4 11.9C18.6 13 19.9 14 21.4 14.8C21.4 14.8 21.5 14.8 21.5 14.9C21.7 14.2 21.8 13.5 21.9 12.7C20.9 12.1 19.9 11.3 19 10.4Z"
|
|
fill="black" />
|
|
<path
|
|
d="M12 15C11 13.1 10.2 11.2 9.60001 9.19995C9.90001 8.89995 10 8.4 10 8C10 7.1 9.40001 6.39998 8.70001 6.09998C8.40001 4.99998 8.20001 3.90005 8.00001 2.80005C7.30001 3.10005 6.70001 3.40002 6.20001 3.90002C6.40001 4.80002 6.50001 5.6 6.80001 6.5C6.40001 6.9 6.10001 7.4 6.10001 8C6.10001 9 6.80001 9.8 7.80001 10C8.30001 11.6 9.00001 13.2 9.70001 14.7C7.10001 13.2 4.70001 11.5 2.40001 9.5C2.20001 10.3 2.10001 11.1 2.10001 11.9C4.60001 13.9 7.30001 15.7 10.1 17.2C10.2 18.2 11 19 12 19C12.6 20 13.2 20.9 13.9 21.8C14.6 21.7 15.3 21.5 15.9 21.2C15.4 20.5 14.9 19.8 14.4 19.1C15.5 19.5 16.5 19.9 17.6 20.2C18.3 19.8 18.9 19.2 19.4 18.6C17.6 18.1 15.7 17.5 14 16.7C13.9 15.8 13.1 15 12 15Z"
|
|
fill="black" />
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
<span class="menu-title">Landing Page</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="menu-item">
|
|
<div class="menu-content pt-8 pb-2">
|
|
<span class="menu-section text-muted text-uppercase fs-8 ls-1">Manajemen User</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="menu-item">
|
|
<a class="menu-link {{ Route::currentRouteName() === 'data.user' ? 'active' : '' }}"
|
|
href="{{ route('data.user') }}">
|
|
<span class="menu-icon">
|
|
<span class="svg-icon svg-icon-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path d="M11.2929 2.70711C11.6834 2.31658 12.3166 2.31658 12.7071 2.70711L15.2929 5.29289C15.6834 5.68342 15.6834 6.31658 15.2929 6.70711L12.7071 9.29289C12.3166 9.68342 11.6834 9.68342 11.2929 9.29289L8.70711 6.70711C8.31658 6.31658 8.31658 5.68342 8.70711 5.29289L11.2929 2.70711Z" fill="black" />
|
|
<path d="M11.2929 14.7071C11.6834 14.3166 12.3166 14.3166 12.7071 14.7071L15.2929 17.2929C15.6834 17.6834 15.6834 18.3166 15.2929 18.7071L12.7071 21.2929C12.3166 21.6834 11.6834 21.6834 11.2929 21.2929L8.70711 18.7071C8.31658 18.3166 8.31658 17.6834 8.70711 17.2929L11.2929 14.7071Z" fill="black" />
|
|
<path opacity="0.3" d="M5.29289 8.70711C5.68342 8.31658 6.31658 8.31658 6.70711 8.70711L9.29289 11.2929C9.68342 11.6834 9.68342 12.3166 9.29289 12.7071L6.70711 15.2929C6.31658 15.6834 5.68342 15.6834 5.29289 15.2929L2.70711 12.7071C2.31658 12.3166 2.31658 11.6834 2.70711 11.2929L5.29289 8.70711Z" fill="black" />
|
|
<path opacity="0.3" d="M17.2929 8.70711C17.6834 8.31658 18.3166 8.31658 18.7071 8.70711L21.2929 11.2929C21.6834 11.6834 21.6834 12.3166 21.2929 12.7071L18.7071 15.2929C18.3166 15.6834 17.6834 15.6834 17.2929 15.2929L14.7071 12.7071C14.3166 12.3166 14.3166 11.6834 14.7071 11.2929L17.2929 8.70711Z" fill="black" />
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
<span class="menu-title">Data User</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="menu-item">
|
|
<a class="menu-link {{ Route::currentRouteName() === 'registrasi.user' ? 'active' : '' }}"
|
|
href="{{ route('registrasi.user') }}">
|
|
<span class="menu-icon">
|
|
<span class="svg-icon svg-icon-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path opacity="0.3" d="M20.5543 4.37824L12.1798 2.02473C12.0626 1.99176 11.9376 1.99176 11.8203 2.02473L3.44572 4.37824C3.18118 4.45258 3 4.6807 3 4.93945V13.569C3 14.6914 3.48509 15.8404 4.4417 16.984C5.17231 17.8575 6.18314 18.7345 7.446 19.5909C9.56752 21.0295 11.6566 21.912 11.7445 21.9488C11.8258 21.9829 11.9129 22 12.0001 22C12.0872 22 12.1744 21.983 12.2557 21.9488C12.3435 21.912 14.4326 21.0295 16.5541 19.5909C17.8169 18.7345 18.8277 17.8575 19.5584 16.984C20.515 15.8404 21 14.6914 21 13.569V4.93945C21 4.6807 20.8189 4.45258 20.5543 4.37824Z" fill="black" />
|
|
<path d="M14.854 11.321C14.7568 11.2282 14.6388 11.1818 14.4998 11.1818H14.3333V10.2272C14.3333 9.61741 14.1041 9.09378 13.6458 8.65628C13.1875 8.21876 12.639 8 12 8C11.361 8 10.8124 8.21876 10.3541 8.65626C9.89574 9.09378 9.66663 9.61739 9.66663 10.2272V11.1818H9.49999C9.36115 11.1818 9.24306 11.2282 9.14583 11.321C9.0486 11.4138 9 11.5265 9 11.6591V14.5227C9 14.6553 9.04862 14.768 9.14583 14.8609C9.24306 14.9536 9.36115 15 9.49999 15H14.5C14.6389 15 14.7569 14.9536 14.8542 14.8609C14.9513 14.768 15 14.6553 15 14.5227V11.6591C15.0001 11.5265 14.9513 11.4138 14.854 11.321ZM13.3333 11.1818H10.6666V10.2272C10.6666 9.87594 10.7969 9.57597 11.0573 9.32743C11.3177 9.07886 11.6319 8.9546 12 8.9546C12.3681 8.9546 12.6823 9.07884 12.9427 9.32743C13.2031 9.57595 13.3333 9.87594 13.3333 10.2272V11.1818Z" fill="black" />
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
<span class="menu-title">Registrasi User</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="menu-item">
|
|
<div class="menu-content pt-8 pb-2">
|
|
<span class="menu-section text-muted text-uppercase fs-8 ls-1">Manajemen Data</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="menu-item">
|
|
<a class="menu-link {{ Route::currentRouteName() === 'data.masyarakat' ? 'active' : '' }}"
|
|
href="{{ route('data.masyarakat') }}">
|
|
<span class="menu-icon">
|
|
<span class="svg-icon svg-icon-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
|
viewBox="0 0 24 24" fill="none">
|
|
<path
|
|
d="M6.28548 15.0861C7.34369 13.1814 9.35142 12 11.5304 12H12.4696C14.6486 12 16.6563 13.1814 17.7145 15.0861L19.3493 18.0287C20.0899 19.3618 19.1259 21 17.601 21H6.39903C4.87406 21 3.91012 19.3618 4.65071 18.0287L6.28548 15.0861Z"
|
|
fill="black" />
|
|
<rect opacity="0.3" x="8" y="3" width="8" height="8"
|
|
rx="4" fill="black" />
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
<span class="menu-title">Masyarakat</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div data-kt-menu-trigger="click"
|
|
class="menu-item {{ Route::currentRouteName() === 'data.pelaku' || Route::currentRouteName() === 'tambah.pelaku' ? 'here show' : '' }} menu-accordion">
|
|
<span class="menu-link">
|
|
<span class="menu-icon">
|
|
<span class="svg-icon svg-icon-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
|
viewBox="0 0 24 24" fill="none">
|
|
<path
|
|
d="M6.28548 15.0861C7.34369 13.1814 9.35142 12 11.5304 12H12.4696C14.6486 12 16.6563 13.1814 17.7145 15.0861L19.3493 18.0287C20.0899 19.3618 19.1259 21 17.601 21H6.39903C4.87406 21 3.91012 19.3618 4.65071 18.0287L6.28548 15.0861Z"
|
|
fill="black" />
|
|
<rect opacity="0.3" x="8" y="3" width="8" height="8"
|
|
rx="4" fill="black" />
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
<span class="menu-title">Pelaku Kejahatan</span>
|
|
<span class="menu-arrow"></span>
|
|
</span>
|
|
<div class="menu-sub menu-sub-accordion menu-active-bg">
|
|
<div class="menu-item">
|
|
<a class="menu-link {{ Route::currentRouteName() === 'data.pelaku' ? 'active' : '' }}"
|
|
href="{{ route('data.pelaku') }}">
|
|
<span class="menu-bullet">
|
|
<span class="bullet bullet-dot"></span>
|
|
</span>
|
|
<span class="menu-title">Data Pelaku</span>
|
|
</a>
|
|
</div>
|
|
<div class="menu-item">
|
|
<a class="menu-link {{ Route::currentRouteName() === 'tambah.pelaku' ? 'active' : '' }}"
|
|
href="{{ route('tambah.pelaku') }}">
|
|
<span class="menu-bullet">
|
|
<span class="bullet bullet-dot"></span>
|
|
</span>
|
|
<span class="menu-title">Tambah Pelaku</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="menu-item">
|
|
<div class="menu-content pt-8 pb-2">
|
|
<span class="menu-section text-muted text-uppercase fs-8 ls-1">Manajemen Laporan</span>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div data-kt-menu-trigger="click"
|
|
class="menu-item {{ Route::currentRouteName() === 'filter.laporan' || Route::currentRouteName() === 'data.laporan' || Route::currentRouteName() === 'detail.laporan' ? 'here show' : '' }} menu-accordion">
|
|
<span class="menu-link">
|
|
<span class="menu-icon">
|
|
<span class="svg-icon svg-icon-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path opacity="0.3" d="M21.25 18.525L13.05 21.825C12.35 22.125 11.65 22.125 10.95 21.825L2.75 18.525C1.75 18.125 1.75 16.725 2.75 16.325L4.04999 15.825L10.25 18.325C10.85 18.525 11.45 18.625 12.05 18.625C12.65 18.625 13.25 18.525 13.85 18.325L20.05 15.825L21.35 16.325C22.35 16.725 22.35 18.125 21.25 18.525ZM13.05 16.425L21.25 13.125C22.25 12.725 22.25 11.325 21.25 10.925L13.05 7.62502C12.35 7.32502 11.65 7.32502 10.95 7.62502L2.75 10.925C1.75 11.325 1.75 12.725 2.75 13.125L10.95 16.425C11.65 16.725 12.45 16.725 13.05 16.425Z" fill="black" />
|
|
<path d="M11.05 11.025L2.84998 7.725C1.84998 7.325 1.84998 5.925 2.84998 5.525L11.05 2.225C11.75 1.925 12.45 1.925 13.15 2.225L21.35 5.525C22.35 5.925 22.35 7.325 21.35 7.725L13.05 11.025C12.45 11.325 11.65 11.325 11.05 11.025Z" fill="black" />
|
|
</svg>
|
|
</span>
|
|
</span>
|
|
<span class="menu-title">Laporan Masyarakat</span>
|
|
<span class="menu-arrow"></span>
|
|
</span>
|
|
<div class="menu-sub menu-sub-accordion menu-active-bg">
|
|
<div class="menu-item">
|
|
<a class="menu-link {{ Route::currentRouteName() === 'filter.laporan' ? 'active' : '' }}"
|
|
href="{{ route('filter.laporan') }}">
|
|
<span class="menu-bullet">
|
|
<span class="bullet bullet-dot"></span>
|
|
</span>
|
|
<span class="menu-title">
|
|
Filter Laporan  
|
|
<span class="badge badge-warning rounded-circle" style="width: 18px; height: 18px; display: flex; justify-content: center; align-items: center;">
|
|
<span>{{ \App\Models\Laporan::where('status', 'menunggu persetujuan')->count() }}</span>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div class="menu-item">
|
|
<a class="menu-link {{ Route::currentRouteName() === 'data.laporan' ? 'active' : '' }}"
|
|
href="{{ route('data.laporan') }}">
|
|
<span class="menu-bullet">
|
|
<span class="bullet bullet-dot"></span>
|
|
</span>
|
|
<span class="menu-title">
|
|
Data Laporan  
|
|
<span class="badge badge-success rounded-circle" style="width: 18px; height: 18px; display: flex; justify-content: center; align-items: center;">
|
|
<span>{{ \App\Models\Laporan::whereNotIn('status', ['menunggu persetujuan'])->count() }}</span>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="aside-footer flex-column-auto pt-5 pb-7 px-5" id="kt_aside_footer">
|
|
<a href="{{ route('logout') }}" class="btn btn-custom btn-primary w-100" data-bs-toggle="tooltip"
|
|
data-bs-trigger="hover" data-bs-dismiss-="click">
|
|
<span class="btn-label">Keluar</span>
|
|
<span class="svg-icon btn-icon svg-icon-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
fill="none">
|
|
<path opacity="0.3"
|
|
d="M19 22H5C4.4 22 4 21.6 4 21V3C4 2.4 4.4 2 5 2H14L20 8V21C20 21.6 19.6 22 19 22ZM15 17C15 16.4 14.6 16 14 16H8C7.4 16 7 16.4 7 17C7 17.6 7.4 18 8 18H14C14.6 18 15 17.6 15 17ZM17 12C17 11.4 16.6 11 16 11H8C7.4 11 7 11.4 7 12C7 12.6 7.4 13 8 13H16C16.6 13 17 12.6 17 12ZM17 7C17 6.4 16.6 6 16 6H8C7.4 6 7 6.4 7 7C7 7.6 7.4 8 8 8H16C16.6 8 17 7.6 17 7Z"
|
|
fill="black" />
|
|
<path d="M15 8H20L14 2V7C14 7.6 14.4 8 15 8Z" fill="black" />
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|