doctype html

div.wrapper(tg-project-modules, ng-controller="ProjectProfileController as ctrl",
            ng-init="section='admin'; sectionName='ADMIN.MODULES.TITLE'")
    tg-project-menu
    sidebar.menu-secondary.sidebar.settings-nav(tg-admin-navigation="project-profile")
        include ../includes/modules/admin-menu

    sidebar.menu-tertiary.sidebar(tg-admin-navigation="modules")
        include ../includes/modules/admin-submenu-project-profile

    section.main.admin-functionalities
        header
            include ../includes/components/mainTitle

        form
            div.functionality(ng-class="{true:'active', false:''}[project.is_backlog_activated]")
                svg.icon.icon-scrum
                    use(xlink:href="#icon-scrum")
                div.desc
                    p
                        span.title(translate="ADMIN.MODULES.BACKLOG")
                        span(translate="ADMIN.MODULES.BACKLOG_DESCRIPTION")
                    div.activate
                        input.activate-input(type="checkbox", id="functionality-backlog",
                                             ng-model="project.is_backlog_activated")
                        label.button.button-gray(ng-switch="project.is_backlog_activated",
                                                 for="functionality-backlog")
                            span(ng-switch-when="true", translate="ADMIN.MODULES.DISABLE")
                            span(ng-switch-when="false", translate="ADMIN.MODULES.ENABLE")

            div.functionality(ng-class="{true:'active', false:''}[project.is_kanban_activated]")
                svg.icon.icon-kanban
                    use(xlink:href="#icon-kanban")
                div.desc
                    p
                        span.title(translate="ADMIN.MODULES.KANBAN")
                        span(translate="ADMIN.MODULES.KANBAN_DESCRIPTION")
                    div.activate
                        input.activate-input(type="checkbox", id="functionality-kanban",
                                             ng-model="project.is_kanban_activated")
                        label.button.button-gray(ng-switch="project.is_kanban_activated",
                                                 for="functionality-kanban")
                            span(ng-switch-when="true", translate="ADMIN.MODULES.DISABLE")
                            span(ng-switch-when="false", translate="ADMIN.MODULES.ENABLE")

            div.functionality(ng-class="{true:'active', false:''}[project.is_issues_activated]")
                svg.icon.icon-issues
                    use(xlink:href="#icon-issues")
                div.desc
                    p
                        span.title(translate="ADMIN.MODULES.ISSUES")
                        span(translate="ADMIN.MODULES.ISSUES_DESCRIPTION")
                    div.activate
                        input.activate-input(type="checkbox", id="functionality-issues",
                                             ng-model="project.is_issues_activated")
                        label.button.button-gray(ng-switch="project.is_issues_activated",
                                                 for="functionality-issues")
                            span(ng-switch-when="true", translate="ADMIN.MODULES.DISABLE")
                            span(ng-switch-when="false", translate="ADMIN.MODULES.ENABLE")

            div.functionality(ng-class="{true:'active', false:''}[project.is_wiki_activated]")
                svg.icon.icon-wiki
                    use(xlink:href="#icon-wiki")
                div.desc
                    p
                        span.title(translate="ADMIN.MODULES.WIKI")
                        span(translate="ADMIN.MODULES.WIKI_DESCRIPTION")
                    div.activate
                        input.activate-input(type="checkbox", id="functionality-wiki",
                                             ng-model="project.is_wiki_activated")
                        label.button.button-gray(ng-switch="project.is_wiki_activated",
                                                 for="functionality-wiki")
                            span(ng-switch-when="true", translate="ADMIN.MODULES.DISABLE")
                            span(ng-switch-when="false", translate="ADMIN.MODULES.ENABLE")

            div.functionality(ng-class="{true:'active', false:''}[isVideoconferenceActivated]")
                svg.icon.icon-bubble-empty
                    use(xlink:href="#icon-bubble-empty")
                div.desc
                    p
                        span.title(translate="ADMIN.MODULES.MEETUP")
                        span(translate="ADMIN.MODULES.MEETUP_DESCRIPTION")
                    div.activate
                        input.activate-input(type="checkbox", id="functionality-video",
                                             ng-model="isVideoconferenceActivated")
                        label.button.button-gray(ng-switch="isVideoconferenceActivated",
                                                 for="functionality-video")
                            span(ng-switch-when="true", translate="ADMIN.MODULES.DISABLE")
                            span(ng-switch-when="false", translate="ADMIN.MODULES.ENABLE")

                    div.videoconference-attributes.hidden
                        select(ng-model="project.videoconferences",
                               ng-options="e.id as e.name|translate for e in [{'id':'appear-in', 'name':'ADMIN.MODULES.APPEARIN_CHAT_ROOM'},{'id':'jitsi', 'name': 'ADMIN.MODULES.JITSI_CHAT_ROOM'},{'id':'talky', 'name': 'ADMIN.MODULES.TALKY_CHAT_ROOM'},{'id':'custom', 'name': 'ADMIN.MODULES.CUSTOM_CHAT_ROOM'}]")
                            option(value="", translate="ADMIN.MODULES.SELECT_VIDEOCONFERENCE")
                        input(ng-if="project.videoconferences && project.videoconferences != 'custom'",
                              type="text",
                              ng-model="project.videoconferences_extra_data",
                              data-maxlength="255",
                              placeholder="{{'ADMIN.MODULES.SALT_CHAT_ROOM' | translate}}")
                        input(ng-if="project.videoconferences == 'custom'",
                              type="text",
                              ng-model="project.videoconferences_extra_data",
                              data-maxlength="255",
                              placeholder="{{'ADMIN.MODULES.URL_CHAT_ROOM' | translate}}")
            button.button-green.submit-button(type="submit", title="{{'COMMON.SAVE' | translate}}", translate="COMMON.SAVE")