.projects-nav-overlay
    div
        img(src="/images/logo.png", alt="TAIGA")
        p Loading project
        span.icon.icon-spinner

div.lightbox.lightbox_create-project.hidden(tg-lb-create-project)
    include lightbox_create-project

nav.projects-nav(ng-controller="ProjectNavController as ctrl", tg-projects-nav)
    h1 Your projects
    form
        fieldset
            input(type="text" placeholder="Search in...", ng-model="projectsSearch.$")
            a.icon.icon-search

    .create-project-button
        a.button.button-green(href="", ng-click="ctrl.newProject()") Create project

    div.projects-pagination(tg-projects-pagination, active="projects.length && !projectsSearch.$.length")
        ul.projects-list
            li(ng-repeat="project in projects|filter:projectsSearch:strict track by project.id")
                a(href="", tg-bo-bind="project.name", tg-nav="project:project=project.slug")
                    span.icon.icon-arrow-right