@php
    $sidebarSiteName = get_setting('site_name') ?: config('app.name', 'Easy HRM');
    $sidebarLogo = get_setting('system_logo_white');
    $sidebarUser = auth()->user();
    $sidebarInitials = collect(preg_split('/\s+/', trim((string) $sidebarUser->name)))
        ->filter()
        ->take(2)
        ->map(fn ($part) => mb_strtoupper(mb_substr($part, 0, 1)))
        ->implode('') ?: 'U';
    $sidebarDashboardRoute = $sidebarDashboardRoute ?? route('dashboard');
    $sidebarMenuInclude = $sidebarMenuInclude ?? 'admin.inc.sidebar';
    $sidebarContext = $sidebarContext ?? 'admin';
@endphp
<div class="sidebar-header">
    <div class="sidebar-brand">
        <a href="{{ $sidebarDashboardRoute }}" class="sidebar-brand-link">
            @if($sidebarLogo)
                <img src="{{ asset('storage/'.$sidebarLogo) }}"
                     class="sidebar-brand-logo"
                     alt="{{ $sidebarSiteName }}"
                     onerror="this.classList.add('d-none'); this.nextElementSibling?.classList.remove('d-none');">
                <span class="sidebar-brand-text d-none">{{ $sidebarSiteName }}</span>
            @else
                <span class="sidebar-brand-text">{{ $sidebarSiteName }}</span>
            @endif
        </a>
    </div>

    <div class="sidebar-user sidebar-user-compact">
        <div class="sidebar-user-row">
            <div class="sidebar-user-avatar-wrap">
                @if($sidebarUser->image)
                    <img src="{{ asset('storage/'.$sidebarUser->image) }}"
                         alt="{{ $sidebarUser->name }}"
                         class="sidebar-user-avatar"
                         onerror="this.classList.add('d-none'); document.getElementById('sidebar-user-initials-{{ $sidebarContext }}')?.classList.remove('d-none');">
                @endif
                <span id="sidebar-user-initials-{{ $sidebarContext }}"
                      class="sidebar-user-initials {{ $sidebarUser->image ? 'd-none' : '' }}">{{ $sidebarInitials }}</span>
            </div>
            <div class="sidebar-user-meta">
                <h6>{{ $sidebarUser->name }}</h6>
                <p class="sidebar-user-status"><span class="sidebar-status-dot" aria-hidden="true"></span>{{ __('Online') }}</p>
            </div>
            <div class="sidebar-user-actions">
                @if($sidebarContext === 'admin')
                    @if($sidebarUser->user_type === 'admin')
                        <a href="{{ route('employee.dashboard') }}" data-toggle="tooltip" data-placement="top"
                           title="{{ __('Employee Dashboard') }}"><i class="dripicons-user-group text-info"></i></a>
                    @elseif($sidebarUser->staff)
                        <a href="{{ route('staffs.show', $sidebarUser->staff->id) }}" data-toggle="tooltip"
                           data-placement="top" title="{{ __('Profile') }}"><i class="dripicons-user text-purple"></i></a>
                    @endif
                    @can('Settings-list')
                        <a href="{{ route('website.settings') }}" data-toggle="tooltip" data-placement="top"
                           title="{{ __('Settings') }}"><i class="dripicons-gear"></i></a>
                    @endcan
                @else
                    @if($sidebarUser->staff)
                        <a href="{{ route('staffs.show', $sidebarUser->staff->id) }}" data-toggle="tooltip"
                           data-placement="top" title="{{ __('Profile') }}"><i class="dripicons-user text-purple"></i></a>
                    @endif
                    @if($sidebarUser->user_type === 'admin')
                        <a href="{{ route('dashboard') }}" data-toggle="tooltip" data-placement="top"
                           title="{{ __('Admin Dashboard') }}"><i class="dripicons-briefcase text-info"></i></a>
                    @endif
                @endif
                <a href="{{ route('logout') }}" data-toggle="tooltip" data-placement="top"
                   title="{{ __('Log out') }}"><i class="dripicons-power text-danger"></i></a>
            </div>
        </div>
    </div>
</div>

<div class="sidebar-inner">
    <div class="sidebar-search-wrap">
        <div class="sidebar-search">
            <i class="mdi mdi-magnify" aria-hidden="true"></i>
            <input type="search"
                   id="sidebar-menu-search"
                   placeholder="{{ __('Search menu…') }}"
                   autocomplete="off"
                   aria-label="{{ __('Search menu') }}">
            <button type="button"
                    class="sidebar-search-clear d-none"
                    id="sidebar-menu-search-clear"
                    aria-label="{{ __('Clear search') }}">&times;</button>
        </div>
    </div>

    <div class="sidebar-scroll">
        <div id="sidebar-menu">
            <ul>
                @include($sidebarMenuInclude)
            </ul>
        </div>
    </div>

    <div class="sidebar-footer">
        <span class="sidebar-footer-app">{{ $sidebarSiteName }}</span>
        <span class="sidebar-footer-year">&copy; {{ date('Y') }}</span>
    </div>
</div>