<aside class="sidebar">
    <button type="button" class="sidebar-close-btn">
        <iconify-icon icon="radix-icons:cross-2"></iconify-icon>
    </button>
    <style>
        .sidebar-logo img {
            width: 300px !important;
            height: 200px !important;
            object-fit: contain;
        }
    </style>
    <div>
        <a href="./dashboard" class="sidebar-logo">
            <!-- <img src="assets/images/" alt="site logo" class="light-logo">
            <img src="assets/images/ 2024-10-15 at 10.43.00.jpeg" alt="site logo" class="dark-logo">
            <img src="assets/images/" alt="site logo" class="logo-icon"> -->
        </a>
    </div>
    <div class="sidebar-menu-area">
        <ul class="sidebar-menu" id="sidebar-menu">

            <li>
                <a href="dashboard">
                    <i class="fas fa-tachometer-alt menu-icon"></i>
                    <span>Dashboard</span>
                </a>
            </li>
            <li>
                <a href="shippingform">
                    <iconify-icon icon="mdi:truck-plus-outline" class="menu-icon"></iconify-icon>
                    <span>Add Shipping</span>
                </a>
            </li>
            <li>
                <a href="manage-emails">
                    <i class="fas fa-tachometer-alt menu-icon"></i>
                    <span>Manage Emails</span>
                </a>
            </li>


            <li class="dropdown">
                <a href="javascript:void(0)">
                    <iconify-icon icon="mdi:truck-outline" class="menu-icon"></iconify-icon>
                    <span>Manage Shipping</span>
                </a>

                <ul class="sidebar-submenu">

                    <li>
                        <a href="pending-shipping"><i class="ri-circle-fill circle-icon text-warning-main w-auto"></i>Pending-shipping</a>
                    </li>
                    <li>
                        <a href="processing-shipping"><i class="ri-circle-fill circle-icon text-warning-main w-auto"></i>Processing-shipping</a>
                    </li>
                    <li>
                        <a href="completed-shipping"><i class="ri-circle-fill circle-icon text-warning-main w-auto"></i>Completed-shipping</a>
                    </li>
                    <li>
                        <a href="manage-shipping"><i class="ri-circle-fill circle-icon text-warning-main w-auto"></i>Shipping History</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="manage-request">
                    <iconify-icon icon="mdi:truck-plus-outline" class="menu-icon"></iconify-icon>
                    <span>Shipping Request</span>
                </a>
            </li>

            <li class="dropdown">
                <a href="javascript:void(0)">
                    <iconify-icon icon="mdi:cog-outline" class="menu-icon"></iconify-icon>
                    <span>Settings</span>
                </a>
                <ul class="sidebar-submenu" styled="display: none;">
                    <li>
                        <a href="profile">
                            <iconify-icon icon="mdi:lock-reset" class="circle-icon text-warning-main"></iconify-icon>
                            Change Password
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="logout">
                    <iconify-icon icon="octicon:info-24" class="menu-icon"></iconify-icon>
                    <span>logout</span>
                </a>
            </li>

        </ul>
    </div>
</aside>