@extends('admin/layouts/common')

@section('layoutContent')
    <div class="">
        <!-- Sidebar -->
        <nav id="sidebar" class="sidebar">
            <div class="logo">
                <img src="{{asset('assets/imgs/logo-black.png')}}" alt="Logo" class="img-fluid" style="max-width: 200px">
            </div>
            @php
                $currentRouteName =  Route::currentRouteName();
            @endphp
            <ul class="nav flex-column">
                <li class="nav-item">
                    <a class="nav-link {{$currentRouteName == 'admin-dashboard-page' ? 'active' : ''}}" href="{{route('admin-dashboard-page')}}">
                        <i class="fa-solid fa-receipt"></i>    
                        Dashboard
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{$currentRouteName == 'admin-users-page' ? 'active' : ''}}" href="{{route('admin-users-page')}}">
                        <i class="fa-solid fa-user"></i>    
                        Users
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{$currentRouteName == 'admin-orders-page' ? 'active' : ''}}" href="{{route('admin-orders-page')}}">
                        <i class="fa-solid fa-cart-shopping"></i>    
                        Orders
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{$currentRouteName == 'admin-chat-history-page' ? 'active' : ''}}" href="{{route('admin-chat-history-page')}}">
                        <i class="fa-solid fa-comments"></i>
                        Chat History
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{$currentRouteName == 'admin-product-info-page' ? 'active' : ''}}" href="{{route('admin-product-info-page')}}">
                        <i class="fa-solid fa-file-invoice"></i>
                        Batch
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link {{$currentRouteName == 'admin-setting-page' ? 'active' : ''}}" href="{{route('admin-setting-page')}}">
                        <i class="fa-solid fa-gear"></i>    
                        Setting
                    </a>
                </li>
                
            </ul>
        </nav>

        <!-- Main Content -->
        <main class="content">
            <header class="d-flex justify-content-end border-bottom">
                <div class="btn-toolbar mb-2 mb-md-0">
                    <div class="btn-group me-2">
                        <a href="{{route('admin-logout')}}" class="btn btn-primary"><i class="fa-solid fa-arrow-right-from-bracket me-2"></i>Logout</a>
                    </div>
                </div>
            </header>
            <!-- Page content goes here -->
            <div class="page-content">
                @yield('content')
            </div>
        </main>
    </div>
@endsection