extends frame
block main-content           
      #settings-index
        #settings-index-wrapper
            #member-settings
              label YOU
              br
              #member-avatar-drop
                img#avatar(src=member.avi, for="avatar-upload")
                input(id="avatar-upload" type="file" name="avatar-upload")
              #member-info
                input(type='text', name='handle' id='settings-handle', placeholder='handle', value=member.handle, autofocus)
                input(type='text', name='email' id='settings-email', placeholder='email', value=member.email, autofocus)
            #site-settings
              label SITE INFO
              br
              #site-background
                img#background(src=settings.background, alt="image for site background", for="background-upload")
                input(id="background-upload" type="file" name="backgrond-upload")
              input(type='text', name='base-url' id='settings-url', placeholder='url', value=settings.url, autofocus)
              input(type='text', name='base-title' id='settings-title', placeholder='site title', value=settings.title, autofocus)
              textarea(id="settings-desc" type='text', name='settings_desc' class='settings-dec', placeholder='description stuff', autofocus)
                =settings.description
              button#privacy-toggle(data-private=settings.private)
                -if (settings.private == 'false')
                  | SITE IS PRIVATE
                -else
                  | SITE IS PUBLIC
            #theme-settings
              label THEMES
              br
              - var index = 0;			
                - for ( index; index < themes.length; index++)
                  -if(themes[index].current == "true")
                    a.theme-select(href="#" id=themes[index].theme.name, data-enabled="true")
                        = themes[index].theme["display-name"]
                        //svg(viewBox="0 0 20 20" class="icons")
                            use(xlink:href='/dash/assets/images/sprite.svg#entypo-check')
                  -else
                    a.theme-select(href="#" id=themes[index].theme.name, data-enabled="false")
                        = themes[index].theme["display-name"]
            #mail-settings
              label MAIL SETTINGS
              br
            button#save-toggle SAVE SETTINGS