<nav class="main-nav menu-closed">
    <div class="main-nav__list-container">
        <ul class="main-nav__list">
            <li class="main-nav__list-item <% if (page_name === 'home') { %>item-active<% } %>">
                <a class="main-nav__list-url" href="/">
                    <span class="main-nav__list-icon">
                        <% include ../svg/home.ejs %> 
                    </span>
                    <span class="main-nav__list-label">Overzicht</span>
                </a>
            </li>
            <li class="main-nav__list-item <% if (page_name === 'classes') { %>item-active<% } %>">
                <a class="main-nav__list-url" href="/classes">
                    <span class="main-nav__list-icon">
                        <% include ../svg/door.ejs %> 
                    </span>
                    <span class="main-nav__list-label">Lessen</span>
                </a>
            </li>
            <li class="main-nav__list-item <% if (page_name === 'workgroups') { %>item-active<% } %>">
                <a class="main-nav__list-url" href="/workgroups">
                    <span class="main-nav__list-icon">
                        <% include ../svg/group.ejs %> 
                    </span>
                    <span class="main-nav__list-label">Werkgroepen</span>
                </a>
            </li>
            <li class="main-nav__list-item <% if (page_name === 'messages') { %>item-active<% } %>">
                <a class="main-nav__list-url" href="/messages">
                    <span class="main-nav__list-icon">
                        <% include ../svg/messages.ejs %> 
                    </span>
                    <span class="main-nav__list-label">Berichten</span>
                </a>
            </li>
            <li class="main-nav__list-item item--help <% if (page_name === 'settings') { %>item-active<% } %>">
                <a class="main-nav__list-url" href="#">
                    <span class="main-nav__list-icon">
                        <% include ../svg/help.ejs %> 
                    </span>
                    <span class="main-nav__list-label">Help</span>
                </a>
            </li>
        </ul>
    </div>
</nav>