extends dummy-layout

block head
    title Taiga  Project management web application with scrum in mind!

block content
    div.home-projects-list(ng-controller="ProjectsController as ctrl")
        .home-projects-wrapper
            .home-projects-list-inner
                div.recent-projects
                    ul
                        li(ng-repeat="project in ctrl.projects.recents")
                            .project-content
                                a(href="{{ project.url }}")
                                    h2(tg-bo-bind="project.name")
                                    p(tg-bo-bind="project.description")

                div.all-projects
                    h1 Projects
                    div(tg-projects-pagination, projects="ctrl.projects.all", active="ctrl.projects.all.length")
                        .projects-pagination
                            a.v-pagination-previous.icon.icon-arrow-up(href="")
                            .v-pagination-list
                                ul.projects-list
                                    li(ng-repeat="project in ctrl.projects.all")
                                        a.button(tg-bo-bind="project.name", href="{{ project.url }}")
                            a.v-pagination-next.icon.icon-arrow-bottom(href="")

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