a(href="", title="Projects", tg-nav="projects")
    svg.icon.icon-project
        use(xlink:href="#icon-project")

div.navbar-dropdown.dropdown-project-list
    ul
      li(tg-repeat="project in vm.projects track by project.get('id')")
        a(
            href="#"
            tg-nav="project:project=project.get('slug')"
            ng-class="{'blocked-project': project.get('blocked_code')}"
        )
            span {{::project.get("name")}}
            svg.icon.icon-blocked-project(ng-if="project.get('blocked_code')")
                use(xlink:href="#icon-blocked-project")
                    title(translate="PROJECT.BLOCKED_PROJECT.BLOCKED")

    a.see-more-projects-btn.button-gray(
        href="#",
        tg-nav="projects",
        title="{{'PROJECT.NAVIGATION.MANAGE_PROJECTS' | translate}}",
        translate="PROJECT.NAVIGATION.MANAGE_PROJECTS")

    div.create-options
        a.create-project-btn.button-green(
            href="#",
            ng-click="vm.newProject()",
            title="{{'PROJECT.NAVIGATION.ACTION_CREATE_PROJECT' | translate}}",
            translate="PROJECT.NAVIGATION.ACTION_CREATE_PROJECT")

        span(tg-import-project-button)
            a.button-blackish.import-project-button(
                href=""
                title="{{'PROJECT.NAVIGATION.TITLE_IMPORT_PROJECT' | translate}}"
            )
                svg.icon.icon-upload
                    use(xlink:href="#icon-upload")
            input.import-file.hidden(type="file")