<header class="main-header">
    <nav class="main-header__nav">
        <ul class="main-header__item-list">
            <li class="main-header__item">
                <a class="<%= path === '/' ? 'active' : '' %>" href='/'>Shop</a>
            </li>
            <li class="main-header__item">
                <a class="<%= path === '/products' ? 'active' : '' %>" href='/products'>Products</a>
            </li>
            <li class="main-header__item">
                <a class="<%= path === '/cart' ? 'active' : '' %>" href='/cart'>Carts</a>
            </li>
            <li class="main-header__item">
                <a class="<%= path === '/orders' ? 'active' : '' %>" href='/orders'>Orders</a>
            </li>
            <li class="main-header__item">
                <a class="<%= path === '/admin/add-product' ? 'active' : '' %>" href='/admin/add-product'>Add Product</a>
            </li>
            <li class="main-header__item">
                <a class="<%= path === '/admin/products' ? 'active' : '' %>" href='/admin/products'>Admin Products</a>
            </li>
            <!-- testing area-->
            <li class="main-header__item">
                <a class="<%= path === '/temp' ? 'active' : '' %>" href='/temp'>Temporary tests</a> <!-- testing area-->
            </li>
        </ul>
    </nav>
</header>