@php
    $user = auth()->user();
    $routePrefix = '';
    if ($user->isAdmin()) {
        $routePrefix = 'admin.';
    } elseif ($user->isCustomer()) {
        $routePrefix = 'customer.';
    }

    $navItems = [
        ['route' => 'settings.profile', 'label' => __('Profile')],
        ['route' => 'settings.password', 'label' => __('Password')],
        ['route' => 'settings.appearance', 'label' => __('Appearance')],
    ];
@endphp
<div class="flex items-start max-md:flex-col ps-4 pe-4">
    <div class="me-8 w-full pb-3 md:w-[200px]">
        @foreach ($navItems as $item)
            <flux:navlist.item :href="route($routePrefix.$item['route'])"
                :current="request()->routeIs($routePrefix.$item['route'])" wire:navigate>
                {{ $item['label'] }}
            </flux:navlist.item>
        @endforeach
    </div>

    <flux:separator class="md:hidden" />

    <div class="flex-1 self-stretch max-md:pt-4">
        <flux:heading class="!text-lg">{{ $heading ?? '' }}</flux:heading>
        <flux:subheading class="!text-sm">{{ $subheading ?? '' }}</flux:subheading>

        <div class="mt-4 w-full max-w-lg">
            {{ $slot }}
        </div>
    </div>
</div>