@php
    $utama_permissions = session('permissions')['utama'] ?? null;
    $utama = str_contains($utama_permissions, 'view');

    $role_management_permissions = session('permissions')['role_management'] ?? null;
    $role_management = str_contains($role_management_permissions, 'view');

    $user_management_permissions = session('permissions')['user_management'] ?? null;
    $user_management = str_contains($user_management_permissions, 'view');

    $permission_permissions = session('permissions')['permission'] ?? null;
    $permission = str_contains($permission_permissions, 'view');

    $activity_permissions = session('permissions')['aktiviti_log'] ?? null;
    $activity = str_contains($activity_permissions, 'view');

    $brand_permissions = session('permissions')['brand'] ?? null;
    $brand = str_contains($brand_permissions, 'view');

    $status_order_permissions = session('permissions')['status_order'] ?? null;
    $status_order = str_contains($status_order_permissions, 'view');

    $order_permissions = session('permissions')['order'] ?? null;
    $order = str_contains($order_permissions, 'view');

    $status_bayaran_permissions = session('permissions')['status_bayaran'] ?? null;
    $status_bayaran = str_contains($status_bayaran_permissions, 'view');

    $status_bayaran_no_payment_permissions = session('permissions')['status_no_payment'] ?? null;
    $status_bayaran_no_payment = str_contains($status_bayaran_no_payment_permissions, 'view');

    $status_bayaran_cash_permissions = session('permissions')['status_bayaran_cash'] ?? null;
    $status_bayaran_cash = str_contains($status_bayaran_cash_permissions, 'view');

    $status_bayaran_qr_permissions = session('permissions')['status_bayaran_qr'] ?? null;
    $status_bayaran_qr = str_contains($status_bayaran_qr_permissions, 'view');

    $status_bayaran_tf_permissions = session('permissions')['status_bayaran_tf'] ?? null;
    $status_bayaran_tf = str_contains($status_bayaran_tf_permissions, 'view');

    $status_warranty_active_permissions = session('permissions')['status_warranty_active'] ?? null;
    $status_warranty_active = str_contains($status_warranty_active_permissions, 'view');

    $status_warranty_non_active_permissions = session('permissions')['status_warranty_non_active'] ?? null;
    $status_warranty_non_active = str_contains($status_warranty_non_active_permissions, 'view');

    $status_warranty_doesnt_have_permissions = session('permissions')['status_warranty_doesnt_have'] ?? null;
    $status_warranty_doesnt_have = str_contains($status_warranty_doesnt_have_permissions, 'view');

    $settings_permissions = session('permissions')['settings'] ?? null;
    $settings = str_contains($settings_permissions, 'view');

    $order_part_permission = session('permissions')['order_part'] ?? null;
    $order_part = str_contains($order_part_permission, 'view');

    $create_order_part_permission = session('permissions')['create_order_part'] ?? null;
    $create_order_part = str_contains($create_order_part_permission, 'view');

    $log_order_part_permission = session('permissions')['log_order_part'] ?? null;
    $log_order_part = str_contains($log_order_part_permission, 'view');

    $statistik_order_part_permission = session('permissions')['statistik_order_part'] ?? null;
    $statistik_order_part = str_contains($statistik_order_part_permission, 'view');

    $category_order_part_permission = session('permissions')['category_order_part'] ?? null;
    $category_order_part = str_contains($category_order_part_permission, 'view');
@endphp
<aside id="sidebar"
    class="w-72 bg-white border-r border-r-slate-200 h-screen p-4 fixed transition-transform duration-300 transform translate-x-0 z-50">

    <div class="absolute right-0 translate-x-4 lg:hidden block">
        <button id="closeSidebar" class="btn w-10 bg-white h-10 p-0">
            <i data-lucide="panel-right"></i>
        </button>
    </div>

    <div class="flex items-center gap-2 px-1">
        <div id="logo-app-sidebar"
            class="h-10 w-10 rounded-2xl bg-white overflow-hidden flex-shrink-0 flex items-center justify-center">
            <img src="{{ asset('images/logo.png') }}" class="object-cover w-full h-full" alt="App Logo">
        </div>
        <div class="flex flex-col leading-none">
            <span class="font-bold text-base" id="title-app-sidebar"></span>
            <span class="text-xs text-gray-500" id="description-app-sidebar"></span>
        </div>
    </div>
    <!-- Skeleton Loading -->
    <div id="sidebar-skeleton" class="animate-pulse space-y-4">
        <ul class="space-y-3 mt-6">
            <li class="h-4 bg-gray-200 rounded w-3/4 mx-4"></li>
            <li class="h-4 bg-gray-200 rounded w-2/3 mx-4"></li>
            <li class="h-4 bg-gray-200 rounded w-5/6 mx-4"></li>
            <li class="h-4 bg-gray-200 rounded w-4/6 mx-4"></li>
            <li class="h-4 bg-gray-200 rounded w-3/4 mx-4"></li>
            <li class="h-4 bg-gray-200 rounded w-2/3 mx-4"></li>
        </ul>
    </div>
    <ul class="menu w-full mt-5 p-0 space-y-2 hidden" id="menu">
        @if ($utama)
            <li>
                <a href="/" class="flex items-center flex-row "><i data-lucide="house" class="w-5 h-5"></i>
                    <span class="mt-0.5">Utama</span></a>
            </li>
        @endif

        @if ($role_management)
            <li>
                <a href="/role-management" class="flex items-center flex-row "><i data-lucide="shield-user"
                        class="w-5 h-5"></i>
                    <span class="mt-0.5">Role Management</span></a>
            </li>
        @endif

        @if ($user_management)
            <li>
                <a href="/user-management" class="flex items-center flex-row "><i data-lucide="users-round"
                        class="w-5 h-5"></i>
                    <span class="mt-0.5">User Management</span></a>
            </li>
        @endif

        @if ($permission)
            <li>
                <a href="/permission" class="flex items-center flex-row "><i data-lucide="shield" class="w-5 h-5"></i>
                    <span class="mt-0.5">Permission</span></a>
            </li>
        @endif

        @if ($activity)
            <li>
                <a href="/activity" class="flex items-center flex-row "><i data-lucide="gallery-vertical-end"
                        class="w-5 h-5"></i>
                    <span class="mt-0.5">Aktiviti Log</span></a>
            </li>
        @endif

        @if ($brand)
            <li>
                <a href="/brand" class="flex items-center flex-row "><i data-lucide="tags" class="w-5 h-5"></i>
                    <span class="mt-0.5">Brand</span></a>
            </li>
        @endif

        @if ($status_order)
            <li>
                <a href="/status-product" class="flex items-center flex-row "><i data-lucide="hash" class="w-5 h-5"></i>
                    <span class="mt-0.5">Status Order</span></a>
            </li>
        @endif
        <li>
            <a href="/products" class="flex items-center flex-row "><i data-lucide="tv" class="w-5 h-5"></i>
                <span class="mt-0.5">Order</span></a>
        </li>
        @if ($order_part || $log_order_part || $statistik_order_part || $category_order_part)
            <li>
                <details
                    {{ request()->is('order-part*') || request()->is('log-order-part*') || request()->is('statistik-order-part*') || request()->is('category-order-part*') ? 'open' : '' }}>
                    <summary class="">
                        <i data-lucide="package-open" class="w-5 h-5"></i> Part Order
                    </summary>
                    <ul>
                        @if ($order_part)
                            <li>
                                <a href="/order-part" class="flex items-center flex-row">
                                    <i data-lucide="package" class="w-5 h-5"></i>
                                    <span class="mt-0.5">Order Part</span>
                                </a>
                            </li>
                        @endif

                        @if ($log_order_part)
                            <li>
                                <a href="/log-order-part" class="flex items-center flex-row">
                                    <i data-lucide="file-clock" class="w-5 h-5"></i>
                                    <span class="mt-0.5">Log Order Part</span>
                                </a>
                            </li>
                        @endif

                        @if ($statistik_order_part)
                            <li>
                                <a href="/statistik-order-part" class="flex items-center flex-row">
                                    <i data-lucide="bar-chart-3" class="w-5 h-5"></i>
                                    <span class="mt-0.5">Statistik Order Part</span>
                                </a>
                            </li>
                        @endif

                        @if ($category_order_part)
                            <li>
                                <a href="/category-order-part" class="flex items-center flex-row">
                                    <i data-lucide="layers" class="w-5 h-5"></i>
                                    <span class="mt-0.5">Category Order Part</span>
                                </a>
                            </li>
                        @endif
                    </ul>
                </details>
            </li>
        @endif

        @if ($status_bayaran)
            <li>
                <details {{ request()->is('status-bayaran/*') ? 'open' : '' }}>
                    <summary class="">
                        <i data-lucide="receipt" class="w-5 h-5"></i> Status Bayaran
                    </summary>
                    <ul>
                        @if ($status_bayaran_no_payment)
                            <li>
                                <a href="/status-bayaran/belum-dibayar" class="">
                                    <i data-lucide="banknote-x" class="w-5 h-5"></i> Belum Dibayar
                                </a>
                            </li>
                        @endif
                        @if ($status_bayaran_cash)
                            <li>
                                <a href="/status-bayaran/bayar-cash" class="">
                                    <i data-lucide="banknote" class="w-5 h-5"></i> Telah Dibayar (Tunai)
                                </a>
                            </li>
                        @endif
                        @if ($status_bayaran_qr)
                            <li>
                                <a href="/status-bayaran/bayar-qr" class="">
                                    <i data-lucide="scan-qr-code" class="w-5 h-5"></i> Telah Dibayar (QR Pay)
                                </a>
                            </li>
                        @endif
                        @if ($status_bayaran_tf)
                            <li>
                                <a href="/status-bayaran/bayar-tf" class="">
                                    <i data-lucide="credit-card" class="w-5 h-5"></i> Telah Dibayar (Transfer)
                                </a>
                            </li>
                        @endif
                    </ul>
                </details>
            </li>
        @endif
        @if ($status_warranty_active || $status_warranty_non_active || $status_warranty_doesnt_have)
            <li>
                <details {{ request()->is('warranty/*') ? 'open' : '' }}>
                    <summary class="">
                        <i data-lucide="shield" class="w-5 h-5"></i> Status Warranty
                    </summary>
                    <ul>
                        @if ($status_warranty_active)
                            <li>
                                <a href="/warranty/active" class="">
                                    <i data-lucide="shield-check" class="w-5 h-5"></i> Aktif
                                </a>
                            </li>
                        @endif
                        @if ($status_warranty_non_active)
                            <li>
                                <a href="/warranty/non-active" class="">
                                    <i data-lucide="shield-x" class="w-5 h-5"></i> Tidak Aktif
                                </a>
                            </li>
                        @endif
                        @if ($status_warranty_doesnt_have)
                            <li>
                                <a href="/warranty/tiada-waranty" class="">
                                    <i data-lucide="shield-alert" class="w-5 h-5"></i> Tiada Warranty
                                </a>
                            </li>
                        @endif
                    </ul>
                </details>
            </li>
        @endif
        @if ($settings)
            <li>
                <a href="/app-setting" class=""><i data-lucide="cog" class="w-5 h-5"></i>
                    Settings</a>
            </li>
        @endif
    </ul>
</aside>