extend templates/layout.pug

block content
    .container
        .center
            h1= translationChapter.translationArtifactVersion.name
            h2= translationChapter.translationArtifactVersion.artifactVersion.artifact.name

            p.flow-text 
                span.chip #{translationChapter.chapter.wordCount.toLocaleString()} words

            .row 
                .col.s12.m4

                    p.flow-text
                    a.btn-flat.waves-effect.dropdown-trigger(href=`/translate/${translationChapter.translationArtifactVersion.id}/chapter/${translationChapter.id}/translator`) Translator ⚙
                    br
                    if translationChapter.translationChapterTranslators.length > 0
                        each translationChapterTranslator in translationChapter.translationChapterTranslators
                            span.chip= translatorDisplayName(translationChapterTranslator)
                                a(href=`/translate/${translationChapter.translationArtifactVersion.id}/chapter/${translationChapter.id}/translator/${translationChapterTranslator.id}`) 
                                    i.remove.material-icons close
                    else
                        span No translators assigned yet
                .col.s12.m4
                    p.flow-text 
                        a.btn-flat.waves-effect  Editor ▼
                    if translationChapter.translationArtifactVersion.translationArtifactVersionEditor
                        span= translationChapter.translationArtifactVersion.translationArtifactVersionEditor.id
                    else
                        span No editors assigned yet
                .col.s12.m4
                    p.flow-text
                        a.btn-flat.waves-effect Proof Reader ▼
                    if translationChapter.translationChapterProofReaders.length > 0
                        span With #{translationChapter.translationChapterProofReaders.length} proof reader(s) assigned
                    else
                        span No proof reader assigned yet
            //- TODO: List translationChunks in the chapter
            .row 
                .col.s12
                    table
                        thead
                            tr 
                                th 
                                    if translationChapter.translationArtifactVersion.backTranslationFrom
                                        span= translationChapter.translationArtifactVersion.dialect.name
                                    else
                                        span #{translationChapter.translationArtifactVersion.artifactVersion.artifact.dialect.name}
                                    
                                th #{translationChapter.translationArtifactVersion.name}
                                th 
                        
                        tbody 
                            each translationChunk in translationChapter.translationChunks.sort((a,b) => a.index - b.index)
                                tr 
                                    td= translationChunk.text
                                    td
                                        if translationChunk.translated
                                            span= translationChunk.text
                                        else if translationChunk.translation
                                            span= translationChunk.translation.text 
                                        else 
                                            span.grey-text.lighten-4= translationChunk.text
                                    td
                                        if translationChunk.translated
                                            span nothing
                                        else if translationChunk.translation 
                                            a.btn.blue(href=`/translate/${translationChapter.translationArtifactVersion.id}/chapter/${translationChapter.id}/t/${translationChunk.index}`) edit 
                                        else 
                                            a.btn.black(href=`/translate/${translationChapter.translationArtifactVersion.id}/chapter/${translationChapter.id}/t/${translationChunk.index}`)  translate

block additionalScripts
    script 
        include js/init-translator-dropdown.js