@extends('layouts.app')

@section('sidebar')
<div class="border-end bg-white" style="width:250px; min-height:100vh;">
    <div class="p-3 border-bottom">
        <div class="fw-bold fs-5">B2B Portal</div>
        <div class="small text-muted">Customer Account</div>
    </div>
    <ul class="nav flex-column py-2">
        <li class="nav-item"><a class="nav-link {{ request()->routeIs('user.dashboard') ? 'active' : '' }}" href="{{ route('user.dashboard') }}"><i class="bi bi-speedometer2 me-2"></i>Dashboard</a></li>
        <li class="nav-item"><a class="nav-link {{ request()->routeIs('user.products.*') ? 'active' : '' }}" href="{{ route('user.products.index') }}"><i class="bi bi-box-seam me-2"></i>Products</a></li>
        <li class="nav-item"><a class="nav-link {{ request()->routeIs('user.cart.*') ? 'active' : '' }}" href="{{ route('user.cart.index') }}"><i class="bi bi-cart me-2"></i>Cart</a></li>
        <li class="nav-item"><a class="nav-link {{ request()->routeIs('user.orders.*') ? 'active' : '' }}" href="{{ route('user.orders.index') }}"><i class="bi bi-clipboard-check me-2"></i>My Orders</a></li>
        <li class="nav-item"><a class="nav-link {{ request()->routeIs('user.invoices.*') ? 'active' : '' }}" href="{{ route('user.invoices.index') }}"><i class="bi bi-receipt me-2"></i>Invoices</a></li>
        <li class="nav-item"><a class="nav-link {{ request()->routeIs('user.profile') ? 'active' : '' }}" href="{{ route('user.profile') }}"><i class="bi bi-person-circle me-2"></i>My Profile</a></li>
        <li class="nav-item"><a class="nav-link" href="{{ route('notifications.index') }}"><i class="bi bi-bell me-2"></i>Notifications</a></li>
    </ul>
    <div class="border-top p-3">
        <form method="POST" action="{{ route('logout') }}">
            @csrf
            <button class="btn btn-sm btn-outline-secondary w-100"><i class="bi bi-box-arrow-right me-1"></i>Logout</button>
        </form>
    </div>
</div>
@endsection