@php $route = request()->route()->getName(); @endphp
<nav class="app-navbar">
    <div class="semi-side-nav">
        <div class="py-4">
               <span class="bg-white h-40 w-40 d-flex-center b-r-12 mx-auto">
                       <span class="f-w-600">GP</span>
               </span>
        </div>

        <ul class="navbar-menu-list" role="tablist">
            <li class="nav-item">
                <a href="javascript:void(0);" class="nav-link active" data-target="homePage">
                    <i class="ti ti-smart-home"></i>
                </a>
            </li>

        </ul>

        <span class="bg-primary-800 h-45 w-45 d-flex-center b-r-30 position-relative mx-auto ">
               <img alt="avatar" class="img-fluid b-r-30" src="{{ asset('public/img/logo.png') }}">
               <span class="position-absolute top-0 end-0 p-1 bg-gradient-success border border-light rounded-circle"></span>
           </span>
    </div>
    <div class="main-side-nav">
        <div>
            <a class="logo d-inline-block" href="{{ route('vendor.dashboard') }}">
                <img alt="Logo" src="{{ asset('public/img/logo.png') }}" style="width: 100px !important;">
            </a>
            <span class="w-30 h-30 d-none bg-gradient-danger b-r-8 cursor-pointer side-toggle">
                    <i class="ti ti-x f-s-18"></i>
                </span>
            <div class="side-search p-3">
                <div class="position-relative">
                    <input aria-label="Search" class="form-control py-2 b-r-18" placeholder="Search..."
                           type="search">
                    <i class="ti ti-command f-s-20 text-secondary"></i>
                </div>
            </div>
        </div>

        <div class="nav-wrapper app-scroll app-simple-bar">

            <div class="main-side-menu">
                <ul class="main-menu" id="homePage">
                    <li>
                        <a aria-expanded="false" data-bs-toggle="collapse" href="javascript:void(0);">
                            dashboard
                        </a>
                        <ul class="collapse" id="dashboard">
                            <li>
								<a href="{{ route('vendor.dashboard') }}" class="{{ $route === 'vendor.dashboard' ? 'active' : '' }}">
									<i class="bi bi-speedometer2"></i> Dashboard
								</a>
							</li>
                            <li>
								<a href="{{ route('vendor.products.index') }}" class="{{ str_starts_with($route, 'vendor.products') ? 'active' : '' }}">
									<i class="bi bi-box-seam"></i> My Products
								</a>
							</li>
							
                        </ul>
                    </li>
                </ul>
                
            </div>

            <ul class="sidebar-shortcut-apps p-3">
                <li><h6 class="text-dark-800 mb-3">Quick Actions :</h6></li>

            </ul>
        </div>

        <div class="horizontal-action d-none">
               <span class="h-40 w-40 d-flex-center b-r-50 horizontal-left">
                   <i class="ti ti-chevron-left"></i>
               </span>
            <span class="h-40 w-40 d-flex-center b-r-50 horizontal-right">
                    <i class="ti ti-chevron-right"></i>
                </span>
        </div>

        <div class="px-3">
            <div>
                <a href="file-manager" class="sidebar-folder-box">
                    <div class="empty-icon">
                        <i class="ti ti-folder-filled f-s-35 text-warning"></i>
                    </div>
                    <h6 class="text-dark mb-0">No folder </h6>
                    <span class="btn btn-dark btn-sm mt-3">Add folder</span>
                </a>
            </div>
        </div>

    </div>
</nav>
<div class="go-top">
  <span class="progress-value">
	<i class="ti ti-arrow-up"></i>
  </span>
</div>
<div id="theme-customizer-box"></div>