extends dummy-layout

block head
    title Taiga  Your agile, free, and open source project management tool

block content
    include views/components/beta
    div.home-projects-list(ng-controller="ProjectsController as ctrl")
        .home-projects-wrapper
            div.welcome-user
                div.info
                    p
                        | Welcome
                        span(tg-bo-bind="ctrl.user.full_name_display")
                    a.logout(ng-click="ctrl.logout()" href="", title="Logout") logout

                .avatar
                    img(tg-bo-src="ctrl.user.photo", tg-bo-alt="ctrl.user.full_name_display")

            .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