extends dummy-layout

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

block content
    div.wrapper.roles(ng-controller="RolesController as ctrl",
                            ng-init="section='admin'", tg-roles)
        sidebar.menu-secondary.sidebar(tg-admin-navigation="roles")
            include views/modules/admin-menu
        sidebar.menu-tertiary.sidebar
            include views/modules/admin-submenu-roles

        section.main.admin-roles.admin-common
            .header-with-actions
                include views/components/mainTitle
                .action-buttons
                    a.button.button-red.delete-role(href="", title="Delete", ng-click="ctrl.delete()") Delete


            div(tg-edit-role)
                .edit-role
                    input(type="text", value="{{ role.name }}")
                    a.save.icon.icon-floppy(href="", title="Save")

                p.total
                    span.role-name(title="{{ role.members_count }} members with this role") {{ role.name }}
                    a.edit-value.icon.icon-edit

            div.any-computable-role(ng-hide="anyComputableRole") Be careful, no role in your project will be able to estimate the point value for user stories

            div.general-category
                | When enabled, members assigned to this role will be able to estimate the point value for user stories
                div.check
                    input(type="checkbox", ng-model="role.computable", ng-change="ctrl.setComputable()")
                    div
                    span.check-text.check-yes Yes
                    span.check-text.check-no No

            div(tg-role-permissions, ng-model="role")