@php
    $currentPath = Request::path();
    $currentRouteName = Route::currentRouteName();
@endphp
<aside class="sidebar d-flex flex-column vh-100" :class="sidebarOpen ? 'open' : ''">
    <div class="sidebar-brand d-flex align-items-center justify-content-between flex-shrink-0">
        <div class="text-center d-flex align-items-center">
            <img class="img-fluid" width="20%" src="{{ asset('logo/v2/logo-192-rounded.png') }}" alt="vway_logo">
            <span class="ms-2">V Way Taxi</span>
        </div>
        <button class="btn btn-link text-white d-lg-none" @click="sidebarOpen = false">
            <i class="bi bi-x-lg"></i>
        </button>
    </div>

    <div class="sidebar-content flex-grow-1 overflow-y-auto pb-5" style="scrollbar-width: thin;">
        <div class="nav-group-label">Business Website</div>
        <nav class="nav flex-column">
            {{-- <a href="{{ route('dashboard') }}" class="nav-link @if (Str::startsWith($currentPath, 'dashboard')) active @endif"><i class="ph ph-user"></i> My Profile</a> --}}
            <a href="{{ route('businessProfile.index') }}" class="nav-link @if ($currentPath == 'business-profile') active @endif"><i class="ph ph-globe"></i> Edit Website</a>
            <a href="{{ route('businessProfile.products') }}" class="nav-link @if (Str::startsWith($currentPath, 'business-profile/products')) active @endif"><i class="ph ph-stack"></i> Products / Services</a>
            <a href="{{ route('businessProfile.packages') }}" class="nav-link @if (Str::startsWith($currentPath, 'business-profile/packages')) active @endif"><i class="ph ph-package"></i> Packages</a>
        </nav>

        <div class="nav-group-label">System</div>
        <nav class="nav flex-column">
            {{-- <a href="{{ route('masters.index') }}" class="nav-link @if (Str::startsWith($currentPath, 'masters')) active @endif">
                <i class="bi bi-database-fill-gear"></i> Master Data
            </a> --}}
            <a onclick="event.preventDefault();document.getElementById('logout-form').submit();" href="{{ route('logout') }}" class="nav-link text-danger"><i class="ph-bold ph-sign-out"></i> Log out</a>
            <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                @csrf
            </form>
        </nav>
    </div>

    <div class="position-relative p-3 flex-shrink-0" style="background: inherit; border-top: 1px solid rgba(128, 128, 128, 0.2);">
        <div class="d-flex align-items-center gap-3 p-3 rounded-4" style="background: #fff; border: 1px solid grey;">
            <img src="https://ui-avatars.com/api/?name={{ Auth::user()->name[0] }}&background=0070FF&color=fff" class="rounded-circle" width="38">
            <div class="overflow-hidden">
                <p class="small fw-bold mb-0 text-dark">{{ Auth::user()->name }}</p>
            </div>
        </div>
    </div>
</aside>