extend templates/layout.pug

block content
    .container
        .center
            h1 #{translationChapterTranslator.translationChapter.translationArtifactVersion.artifactVersion.artifact.name} - #{translationChapterTranslator.translationChapter.translationArtifactVersion.artifactVersion.tag}
            p.flow-text Remove #{translatorDisplayName(translationChapterTranslator)}

            .row
                form.col.s12(action=`/translate/${translationChapterTranslator.translationChapter.translationArtifactVersion.id}/chapter/${translationChapterTranslator.translationChapter.id}/translator/${translationChapterTranslator.id}`, method="post") 
                    .row
                        .input-field.col.s12
                            input#confirmation(type="text", name="confirmation", pattern=translatorDisplayName(translationChapterTranslator).replace(/.+$/g, '\\$&'), placeholder="Confirm translator removal", required=true, autocomplete="off")
                            label(for="confirmation")= `Please type '${translatorDisplayName(translationChapterTranslator)}' to confirm removal`
                        .input-field.col.s12
                            button.btn(type="submit") Remove Translator