extend templates/layout.pug

block content
    -
        const isOwnedByUser = project.owner.ownerEntities.some(ownerEntity => { 
            return ownerEntity.entity.entityUsers.some(entityUser => {
                return entityUser.userId == user?.id
            })
        })
    .container
        .center
            h1= project.name 

            p.flow-text= project.description

            p.flow-text 
                -
                    const wordCount = translationChapters.reduce((totalWordCount, translationChapter) => totalWordCount+translationChapter.chapter.wordCount, 0)
                span.chip #{wordCount.toLocaleString()} words
            if isOwnedByUser
                .row
                    .col.s12 
                        a.btn.black(href=`/projects/${project.id}/tracker/trail`) audit trail

            .divider

            table.highlight
                thead
                    tr
                        th
                            p 
                                label
                                    input#overview-checkbox(type="checkbox")
                                    span 
                        th Name
                        th
                            a.dropdown-trigger language ▼
                        th Artifact
                        th Chapter
                        th 
                            a.dropdown-trigger translator ▼
                        th 
                            a.dropdown-trigger proof reader ▼
                        th 
                            a.dropdown-trigger editor ▼
                tbody 
                    each translationChapter in translationChapters.sort((a, b) => a.index - b.index)
                        tr(onclick=`window.location='/translate/${translationChapter.translationArtifactVersion.id}/chapter/${translationChapter.id}'`)
                            //- TODO: link to the translationChapter...
                            td
                                p
                                    label
                                        input(type="checkbox") 
                                        span
                            td.truncate(title=translationChapter.chapter.name)= translationChapter.chapter.name
                            td
                                a(href=`/projects/${project.id}/tracker?dialectId=${translationChapter.translationArtifactVersion.dialect.id}`)= translationChapter.translationArtifactVersion.dialect.name
                            td #{translationChapter.translationArtifactVersion.artifactVersion.artifact.name} - #{translationChapter.translationArtifactVersion.artifactVersion.tag}
                            td= translationChapter.index
                            td 
                            td 
                            td