html
    head
        meta(name="viewport" content="width=device-width, initial-scale=1.0") 
        title Личный кабинет
        link(href="css/index.css" rel="stylesheet")
    script(type="module" src="js/skinview3d.bundle.js")
    script(type="module" src="js/skin3d.js")
    body

        iframe(name="hiddenFrame" style="position:absolute; top:-1px; left:-1px; width:1px; height:1px;")
        div(class="content-container")
            div(class="content")
                h1 Личный кабинет
                canvas(id="skin_container")
                if can_have_cloak
                    div(class="cape_type")
                        input(type="radio" id="cape" name="cape_type" value="cape" checked)
                        label(for="cape") Плащ
                        |
                        input(type="radio" id="elytra" name="cape_type" value="elytra" checked="unchecked")
                        label(for="elytra") Элитры
                p Скин: 
                form(target="hiddenFrame" id="skinForm") 
                    input(type="file" name="file" id="skinFile")
                    input(type="submit" value="Загрузить")
                if can_have_cloak
                    p Плащ:
                    form(target="hiddenFrame" id="capeForm")
                        input(type="file" name="file" id="capeFile")
                        input(type="submit" value="Загрузить")
                form(target="hiddenFrame" id="passwordChangeForm")
                    input(type="password", name="oldPassword", id="oldPassword")
                    label(for="oldPassword") Старый пароль
                    br()
                    input(type="password", name="newPassword", id="newPassword")
                    label(for="oldPassword") Новый пароль
                    br()
                    input(type="submit" value="Сменить")
                button(onclick="window.location.href='/api/logout'" value="Выйти" id="exitButton") Выйти