@php
$user = auth()->user();
$currentRoute = request()->route()->getName() ?? '';
@endphp

<aside id="sidebar" class="w-64 bg-sidebar text-gray-300 flex flex-col -translate-x-full lg:translate-x-0 fixed lg:static inset-y-0 left-0 z-50 transition-transform duration-200">
    {{-- Logo --}}
    <div class="flex items-center px-6 py-5 border-b border-gray-700">
        <div class="w-9 h-9 bg-primary-500 rounded-lg flex items-center justify-center mr-3">
            <i class="fas fa-boxes text-white text-lg"></i>
        </div>
        <div>
            <h1 class="text-white font-bold text-sm leading-tight">E-Commerce Ops</h1>
            <p class="text-xs text-gray-400">Management System</p>
        </div>
    </div>

    {{-- User Info --}}
    <div class="px-4 py-3 border-b border-gray-700">
        <div class="flex items-center">
            <div class="w-10 h-10 rounded-full bg-primary-600 flex items-center justify-center text-white font-semibold text-sm mr-3">
                {{ $user->name[0] ?? 'U' }}
            </div>
            <div class="flex-1 min-w-0">
                <p class="text-white text-sm font-medium truncate">{{ $user->name }}</p>
                <p class="text-xs text-gray-400 truncate">{{ $user->department_label }}</p>
            </div>
        </div>
    </div>

    {{-- Navigation --}}
    <nav class="flex-1 overflow-y-auto py-4 px-3">

        {{-- Dashboard --}}
        <a href="{{ route('dashboard') }}" class="sidebar-link {{ str_starts_with($currentRoute, 'dashboard') ? 'active' : '' }} flex items-center px-3 py-2.5 rounded-lg text-sm mb-1">
            <i class="fas fa-tachometer-alt w-5 text-center mr-3 {{ str_starts_with($currentRoute, 'dashboard') ? 'text-primary-400' : 'text-gray-400' }}"></i>
            <span class="font-medium">Dashboard</span>
        </a>

        {{-- Orders Section --}}
        <div class="mt-6 mb-2 px-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Orders</div>

        <a href="{{ route('orders.index') }}" class="sidebar-link {{ str_starts_with($currentRoute, 'orders') ? 'active' : '' }} flex items-center px-3 py-2.5 rounded-lg text-sm mb-1">
            <i class="fas fa-shopping-cart w-5 text-center mr-3 {{ str_starts_with($currentRoute, 'orders') ? 'text-primary-400' : 'text-gray-400' }}"></i>
            <span>All Orders</span>
            @php $pendingCount = \App\Models\Order::where('order_status', 'order_received')->count(); @endphp
            @if($pendingCount > 0)
                <span class="ml-auto bg-red-500 text-white text-xs px-1.5 py-0.5 rounded-full">{{ $pendingCount }}</span>
            @endif
        </a>

        @if($user->canAccessOrderConfirmation())
        <a href="{{ route('orders.index', ['order_status' => 'order_received']) }}" class="sidebar-link flex items-center px-3 py-2.5 rounded-lg text-sm mb-1">
            <i class="fas fa-phone w-5 text-center mr-3 text-gray-400"></i>
            <span>Pending Confirmation</span>
        </a>
        @endif

        @if($user->isCustomerService())
        <a href="{{ route('orders.my-orders') }}" class="sidebar-link {{ str_starts_with($currentRoute, 'orders.my') ? 'active' : '' }} flex items-center px-3 py-2.5 rounded-lg text-sm mb-1">
            <i class="fas fa-user-check w-5 text-center mr-3 text-gray-400"></i>
            <span>My Assigned Orders</span>
        </a>
        @endif

        {{-- Products Section --}}
        <div class="mt-6 mb-2 px-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Products</div>

        <a href="{{ route('products.index') }}" class="sidebar-link {{ str_starts_with($currentRoute, 'products') ? 'active' : '' }} flex items-center px-3 py-2.5 rounded-lg text-sm mb-1">
            <i class="fas fa-box w-5 text-center mr-3 {{ str_starts_with($currentRoute, 'products') ? 'text-primary-400' : 'text-gray-400' }}"></i>
            <span>Product Catalog</span>
        </a>

        <a href="{{ route('products.scan-barcode') }}" class="sidebar-link flex items-center px-3 py-2.5 rounded-lg text-sm mb-1">
            <i class="fas fa-barcode w-5 text-center mr-3 text-gray-400"></i>
            <span>Scan Barcode</span>
        </a>

        {{-- Warehouse Section --}}
        @if($user->canAccessWarehouse())
        <div class="mt-6 mb-2 px-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Warehouse</div>

        <a href="{{ route('warehouse.dashboard') }}" class="sidebar-link {{ str_starts_with($currentRoute, 'warehouse.dashboard') ? 'active' : '' }} flex items-center px-3 py-2.5 rounded-lg text-sm mb-1">
            <i class="fas fa-warehouse w-5 text-center mr-3 {{ str_starts_with($currentRoute, 'warehouse.dashboard') ? 'text-primary-400' : 'text-gray-400' }}"></i>
            <span>Warehouse Dashboard</span>
        </a>

        <a href="{{ route('warehouse.inventory') }}" class="sidebar-link {{ str_starts_with($currentRoute, 'warehouse.inventory') ? 'active' : '' }} flex items-center px-3 py-2.5 rounded-lg text-sm mb-1">
            <i class="fas fa-boxes w-5 text-center mr-3 text-gray-400"></i>
            <span>Inventory</span>
        </a>

        <a href="{{ route('warehouse.pending-orders') }}" class="sidebar-link {{ str_starts_with($currentRoute, 'warehouse.pending') ? 'active' : '' }} flex items-center px-3 py-2.5 rounded-lg text-sm mb-1">
            <i class="fas fa-clipboard-list w-5 text-center mr-3 text-gray-400"></i>
            <span>Pending Preparation</span>
            @php $prepCount = \App\Models\Order::where('order_status', 'confirmed_with_customer')->count(); @endphp
            @if($prepCount > 0)
                <span class="ml-auto bg-yellow-500 text-white text-xs px-1.5 py-0.5 rounded-full">{{ $prepCount }}</span>
            @endif
        </a>

        <a href="{{ route('warehouse.low-stock') }}" class="sidebar-link {{ str_starts_with($currentRoute, 'warehouse.low') ? 'active' : '' }} flex items-center px-3 py-2.5 rounded-lg text-sm mb-1">
            <i class="fas fa-exclamation-triangle w-5 text-center mr-3 text-gray-400"></i>
            <span>Low Stock Alerts</span>
            @php $alertCount = \App\Models\LowStockAlert::active()->count(); @endphp
            @if($alertCount > 0)
                <span class="ml-auto bg-orange-500 text-white text-xs px-1.5 py-0.5 rounded-full">{{ $alertCount }}</span>
            @endif
        </a>
        @endif

        {{-- Operations Section --}}
        @if($user->canAccessOperations())
        <div class="mt-6 mb-2 px-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Operations</div>

        <a href="{{ route('operations.dashboard') }}" class="sidebar-link {{ str_starts_with($currentRoute, 'operations.dashboard') ? 'active' : '' }} flex items-center px-3 py-2.5 rounded-lg text-sm mb-1">
            <i class="fas fa-cogs w-5 text-center mr-3 {{ str_starts_with($currentRoute, 'operations.dashboard') ? 'text-primary-400' : 'text-gray-400' }}"></i>
            <span>Operations Dashboard</span>
        </a>

        <a href="{{ route('operations.pending-shipping') }}" class="sidebar-link {{ str_starts_with($currentRoute, 'operations.pending') ? 'active' : '' }} flex items-center px-3 py-2.5 rounded-lg text-sm mb-1">
            <i class="fas fa-shipping-fast w-5 text-center mr-3 text-gray-400"></i>
            <span>Pending Shipping</span>
            @php $shipCount = \App\Models\Order::where('order_status', 'prepared_in_warehouse')->count(); @endphp
            @if($shipCount > 0)
                <span class="ml-auto bg-blue-500 text-white text-xs px-1.5 py-0.5 rounded-full">{{ $shipCount }}</span>
            @endif
        </a>
        @endif

        {{-- Customers --}}
        <div class="mt-6 mb-2 px-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">CRM</div>

        <a href="{{ route('customers.index') }}" class="sidebar-link {{ str_starts_with($currentRoute, 'customers') ? 'active' : '' }} flex items-center px-3 py-2.5 rounded-lg text-sm mb-1">
            <i class="fas fa-users w-5 text-center mr-3 {{ str_starts_with($currentRoute, 'customers') ? 'text-primary-400' : 'text-gray-400' }}"></i>
            <span>Customers</span>
        </a>

        {{-- Reports --}}
        @if($user->isSuperAdmin() || $user->isOperationsStaff())
        <div class="mt-6 mb-2 px-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Analytics</div>

        <a href="{{ route('reports.dashboard') }}" class="sidebar-link {{ str_starts_with($currentRoute, 'reports') ? 'active' : '' }} flex items-center px-3 py-2.5 rounded-lg text-sm mb-1">
            <i class="fas fa-chart-line w-5 text-center mr-3 {{ str_starts_with($currentRoute, 'reports') ? 'text-primary-400' : 'text-gray-400' }}"></i>
            <span>Reports & Analytics</span>
        </a>
        @endif

        {{-- Shopify --}}
        @if($user->isSuperAdmin())
        <div class="mt-6 mb-2 px-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Integration</div>

        <a href="{{ route('shopify.index') }}" class="sidebar-link {{ str_starts_with($currentRoute, 'shopify') ? 'active' : '' }} flex items-center px-3 py-2.5 rounded-lg text-sm mb-1">
            <i class="fab fa-shopify w-5 text-center mr-3 {{ str_starts_with($currentRoute, 'shopify') ? 'text-primary-400' : 'text-gray-400' }}"></i>
            <span>Shopify Sync</span>
        </a>

        <a href="{{ route('users.index') }}" class="sidebar-link {{ str_starts_with($currentRoute, 'users') ? 'active' : '' }} flex items-center px-3 py-2.5 rounded-lg text-sm mb-1">
            <i class="fas fa-user-shield w-5 text-center mr-3 {{ str_starts_with($currentRoute, 'users') ? 'text-primary-400' : 'text-gray-400' }}"></i>
            <span>Users & Roles</span>
        </a>
        @endif
    </nav>

    {{-- Bottom Actions --}}
    <div class="border-t border-gray-700 p-3">
        <a href="{{ route('profile') }}" class="sidebar-link flex items-center px-3 py-2.5 rounded-lg text-sm mb-1">
            <i class="fas fa-user-circle w-5 text-center mr-3 text-gray-400"></i>
            <span>My Profile</span>
        </a>

        <form method="POST" action="{{ route('logout') }}" class="block">
            @csrf
            <button type="submit" class="w-full sidebar-link flex items-center px-3 py-2.5 rounded-lg text-sm text-left hover:text-red-400">
                <i class="fas fa-sign-out-alt w-5 text-center mr-3 text-gray-400"></i>
                <span>Logout</span>
            </button>
        </form>
    </div>
</aside>

{{-- Mobile Sidebar Overlay --}}
<div id="sidebar-overlay" class="fixed inset-0 bg-black bg-opacity-50 z-40 hidden lg:hidden" onclick="toggleSidebar()"></div>