doctype html

div.wrapper(
    ng-controller="TaskDetailController as ctrl"
    ng-init="section='backlog-kanban'"
)
    tg-project-menu

    div.main.us-detail
        div.us-detail-header.header-with-actions
            include ../includes/components/mainTitle
            .action-buttons
                a.button-gray(
                    href=""
                    title="{{'TASK.TITLE_LINK_TASKBOARD' | translate}}"
                    tg-check-permission="view_milestones"
                    tg-nav="project-taskboard:project=project.slug,sprint=sprint.slug"
                    ng-if="sprint && project.is_backlog_activated"
                    translate="TASK.LINK_TASKBOARD"
                )

        section.us-story-main-data
            header
                tg-vote-button.upvote-btn(
                    item="task",
                    on-upvote="ctrl.onUpvote",
                    on-downvote="ctrl.onDownvote"
                )
                div.us-title(ng-class="{blocked: task.is_blocked}")
                    h2.us-title-text
                        span.us-number(tg-bo-ref="task.ref")
                        span.us-name(
                            tg-editable-subject
                            ng-model="task"
                            required-perm="modify_task"
                        )

                    h3.us-related-task(ng-if="us")
                        | {{ 'TASK.OWNER_US'|translate }}
                        a(
                            href=""
                            tg-check-permission="view_us"
                            tg-nav="project-userstories-detail:project=project.slug,ref=us.ref"
                            title="{{'TASK.TITLE_LINK_GO_OWNER' | translate}}"
                        )
                            span(tg-bo-ref="us.ref")
                            span(tg-bo-bind="us.subject")

                    p.external-reference(ng-if="task.external_reference")
                        a(
                            tg-bo-href="task.external_reference[1]",
                            target="_blank"
                            title="{{'TASK.TITLE_LINK_GO_ORIGIN' | translate}}"
                        )
                            | {{ "TASK.ORIGIN_US"| translate }}
                            span {{ task.external_reference[1] }}

                    p.block-desc-container(ng-show="task.is_blocked")
                        span.block-description-title(translate="COMMON.BLOCKED")
                        span.block-description(
                            ng-bind="task.blocked_note || ('TASK.BLOCKED_DESCRIPTION' | translate)"
                        )

                    div.issue-nav
                        a.icon.icon-arrow-left(
                            ng-show="previousUrl"
                            tg-bo-href="previousUrl"
                            title="{{'TASK.PREVIOUS' | translate}}"
                        )
                        a.icon.icon-arrow-right(
                            ng-show="nextUrl"
                            tg-bo-href="nextUrl"
                            title="{{'TASK.NEXT' | translate}}"
                        )

            div.tags-block(tg-tag-line, ng-model="task", required-perm="modify_task")

        section.duty-content(tg-editable-description, ng-model="task", required-perm="modify_task")

        // Custom Fields
        tg-custom-attributes-values(
            ng-model="task"
            type="task"
            project="project"
            required-edition-perm="modify_task"
        )

        tg-attachments(ng-model="task", type="task")
        tg-history(ng-model="task", type="task")

    sidebar.menu-secondary.sidebar.ticket-data

        section.status

            .ticket-title(tg-task-status-display, ng-model="task")

            .ticket-created-by(tg-created-by-display, ng-model="task")

            .ticket-data-container
                .ticket-status(tg-task-status-button, ng-model="task")

        section.ticket-assigned-to(tg-assigned-to, ng-model="task", required-perm="modify_task")

        section.track-buttons-container.ticket-track-buttons
            div.watch-button
                tg-watch-button(
                    item="task"
                    on-watch="ctrl.onWatch"
                    on-unwatch="ctrl.onUnwatch"
                )

            div.ticket-watchers(
                tg-watchers,
                ng-model="task",
                required-perm="modify_task"
            )

        section.ticket-detail-settings
            tg-task-is-iocaine-button(ng-model="task")
            tg-block-button(tg-check-permission="modify_task", ng-model="task")
            tg-delete-button(
                tg-check-permission="delete_task"
                on-delete-title="{{'TASK.TITLE_DELETE_ACTION' | translate}}"
                on-delete-go-to-url="onDeleteGoToUrl"
                ng-model="task"
            )

    div.lightbox.lightbox-block(tg-lb-block, ng-model="task", title="TASK.LIGHTBOX_TITLE_BLOKING_TASK")
    div.lightbox.lightbox-select-user(tg-lb-assignedto)
    div.lightbox.lightbox-select-user(tg-lb-watchers)