.transfer-project-wrapper
    h2.transfer-title(translate="ADMIN.PROJECT_TRANSFER.DO_YOU_ACCEPT_PROJECT_OWNERNSHIP")
    .transfer-project-detail
        img.transfer-project-image(
            tg-project-logo-small-src="vm.project"
            alt="{{vm.project.get('name')}}"
        )
        .transfer-project-data
            h3.transfer-project-title {{::vm.project.get("name")}}
            .transfer-project-statistics
                span.transfer-project-private(ng-if="vm.project.get('is_private')")
                    svg.icon.icon-lock
                        use(xlink:href="#icon-lock")
                    span(translate="ADMIN.PROJECT_TRANSFER.PRIVATE")
                span.transfer-project-members
                    svg.icon.icon-team
                        use(xlink:href="#icon-team")
                    span {{::vm.project.get("members").size}}

    p(
        translate="ADMIN.PROJECT_TRANSFER.PROPOSE_OWNERSHIP"
        translate-values="{owner: vm.project.getIn(['owner', 'full_name_display']), project: vm.project.get('name')}"
    )

    div(ng-if="vm.canBeOwnedByUser.valid")
    
        p(
            translate="{{vm.ownerMessage}}"
            translate-values="{maxProjects: vm.maxProjects, currentProjects: vm.currentProjects}"
        )

        a.transfer-project-comment-link.ng-animate-disabled(
            href=""
            ng-click="vm.addComment()"
            ng-if="!vm.showAddComment"
            translate="ADMIN.PROJECT_TRANSFER.ADD_COMMENT_QUESTION"
        )
        
        fieldset.transfer-project-comment-form(
            ng-if="vm.showAddComment"
            ng-class="{'open': vm.showAddComment}"
        )
            .transfer-project-comment-header
                label.transfer-project-comment-label(
                    translate="ADMIN.PROJECT_TRANSFER.ADD_COMMENT"
                )
                svg.icon.icon-close(ng-click="vm.hideComment()")
                    use(xlink:href="#icon-close")
            textarea.transfer-project-comment(
                name="reason"
                ng-model="vm.reason"
            )

        .transfer-project-options
            a.button.button-gray(
                ng-click="vm.transferReject(vm.token, vm.reason)"
                href="#"
                title="{{'ADMIN.PROJECT_TRANSFER.REJECT' | translate}}"
                translate="ADMIN.PROJECT_TRANSFER.REJECT"
            )

            a.button.button-green(
                ng-click="vm.transferAccept(vm.token, vm.reason)"
                href="#"
                title="{{'ADMIN.PROJECT_TRANSFER.ACCEPT' | translate}}"
                translate="ADMIN.PROJECT_TRANSFER.ACCEPT"
            )

    div(ng-if="!vm.canBeOwnedByUser.valid", tg-cant-own-project-explanation)