<aside class="h-screen w-72 fixed left-0 top-0 bg-surface border-r border-outline-variant/60 shadow-[4px_0_24px_rgba(0,0,0,0.02)] z-50 flex flex-col justify-between hidden md:flex transition-all duration-300 ease-in-out">
<div class="flex flex-col h-full py-6 px-4">
<div class="mb-8 px-4 flex items-center gap-4 group cursor-pointer">
<div class="p-2 bg-primary/5 rounded-xl group-hover:scale-105 transition-transform duration-300">
    <img src="<?php echo e(asset('assets/certificate/lambang_kabupaten_bogor.png')); ?>" alt="Logo Tegar Beriman" class="w-10 h-10 object-contain shrink-0 drop-shadow-sm">
</div>
<div>
<h1 class="text-headline-md font-headline-md font-bold text-on-surface leading-tight tracking-tight">LENTERA</h1>
<p class="text-caption font-caption text-on-surface-variant font-medium">Kesbangpol Kab. Bogor</p>
</div>
</div>
<nav class="flex-1 space-y-1.5">
<a class="flex items-center gap-3 px-4 py-3 <?php echo e(Route::is('kesbangpol.dashboard') ? 'bg-primary text-white shadow-md shadow-primary/20 font-semibold' : 'text-on-surface-variant hover:bg-surface-container-low hover:text-primary'); ?> rounded-xl transition-all duration-200" href="<?php echo e(route('kesbangpol.dashboard')); ?>">
<span class="material-symbols-outlined <?php echo e(Route::is('kesbangpol.dashboard') ? 'icon-filled' : ''); ?> transition-transform group-hover:scale-110">dashboard</span>
<span class="text-label-md font-label-md">Dashboard</span>
</a>
<a class="flex items-center gap-3 px-4 py-3 <?php echo e(Route::is('kesbangpol.applications.*') ? 'bg-primary text-white shadow-md shadow-primary/20 font-semibold' : 'text-on-surface-variant hover:bg-surface-container-low hover:text-primary'); ?> rounded-xl transition-all duration-200" href="<?php echo e(route('kesbangpol.applications.index')); ?>">
<span class="material-symbols-outlined <?php echo e(Route::is('kesbangpol.applications.*') ? 'icon-filled' : ''); ?> transition-transform group-hover:scale-110">description</span>
<span class="text-label-md font-label-md">Pengajuan Magang</span>
</a>
<a class="flex items-center gap-3 px-4 py-3 <?php echo e(Route::is('kesbangpol.participants.placement') ? 'bg-primary text-white shadow-md shadow-primary/20 font-semibold' : 'text-on-surface-variant hover:bg-surface-container-low hover:text-primary'); ?> rounded-xl transition-all duration-200" href="<?php echo e(route('kesbangpol.participants.placement')); ?>">
<span class="material-symbols-outlined <?php echo e(Route::is('kesbangpol.participants.placement') ? 'icon-filled' : ''); ?> transition-transform group-hover:scale-110">group_add</span>
<span class="text-label-md font-label-md">Penempatan Peserta</span>
</a>
<a class="flex items-center gap-3 px-4 py-3 <?php echo e(Route::is('kesbangpol.participants.index') || Route::is('kesbangpol.participants.show') || Route::is('kesbangpol.participants.detail') ? 'bg-primary text-white shadow-md shadow-primary/20 font-semibold' : 'text-on-surface-variant hover:bg-surface-container-low hover:text-primary'); ?> rounded-xl transition-all duration-200" href="<?php echo e(route('kesbangpol.participants.index')); ?>">
<span class="material-symbols-outlined <?php echo e(Route::is('kesbangpol.participants.index') || Route::is('kesbangpol.participants.show') || Route::is('kesbangpol.participants.detail') ? 'icon-filled' : ''); ?> transition-transform group-hover:scale-110">manage_accounts</span>
<span class="text-label-md font-label-md">Manajemen Peserta</span>
</a>
<a class="flex items-center gap-3 px-4 py-3 <?php echo e(Route::is('kesbangpol.participants.extend') ? 'bg-primary text-white shadow-md shadow-primary/20 font-semibold' : 'text-on-surface-variant hover:bg-surface-container-low hover:text-primary'); ?> rounded-xl transition-all duration-200" href="<?php echo e(route('kesbangpol.participants.extend')); ?>">
<span class="material-symbols-outlined <?php echo e(Route::is('kesbangpol.participants.extend') ? 'icon-filled' : ''); ?> transition-transform group-hover:scale-110">update</span>
<span class="text-label-md font-label-md">Pengajuan Surat Izin Rekomendasi</span>
</a>
<a class="flex items-center gap-3 px-4 py-3 <?php echo e(Route::is('kesbangpol.history.*') ? 'bg-primary text-white shadow-md shadow-primary/20 font-semibold' : 'text-on-surface-variant hover:bg-surface-container-low hover:text-primary'); ?> rounded-xl transition-all duration-200" href="<?php echo e(route('kesbangpol.history.index')); ?>">
<span class="material-symbols-outlined <?php echo e(Route::is('kesbangpol.history.*') ? 'icon-filled' : ''); ?> transition-transform group-hover:scale-110">history</span>
<span class="text-label-md font-label-md">Riwayat Pengajuan</span>
</a>
</nav>
<div class="mt-auto space-y-1.5 pt-6 border-t border-outline-variant/50">
<a class="flex items-center gap-3 px-4 py-3 text-on-surface-variant hover:bg-surface-container-low hover:text-primary transition-all duration-200 rounded-xl" href="javascript:void(0)">
<span class="material-symbols-outlined">settings</span>
<span class="text-label-md font-label-md">Pengaturan</span>
</a>
<a class="flex items-center gap-3 px-4 py-3 text-error/80 hover:bg-error/10 hover:text-error transition-all duration-200 rounded-xl group" href="javascript:document.getElementById('logout-form-kesbangpol').submit();">
<span class="material-symbols-outlined group-hover:translate-x-1 transition-transform">logout</span>
<span class="text-label-md font-label-md">Keluar</span>
</a>
</div>
</div>
</aside>
<form id="logout-form-kesbangpol" action="<?php echo e(route('logout')); ?>" method="POST" class="hidden">
    <?php echo csrf_field(); ?>
</form>
<?php /**PATH C:\Users\arjun\Documents\Magang\Project Magang\simalam\resources\views/partials/sidebar_kesbangpol_stitch.blade.php ENDPATH**/ ?>