extends frame
block main-content           
      #settings-index
        #settings-index-wrapper
            #member-avatar-drop
              img(src=member.avi)
              input(id="avatar-upload" type="file" name="avatar-image-upload")
            #member-settings
              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 OPTIONS
              br
              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) 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"]
                  -else
                    a.theme-select(href="#" id=themes[index].theme.name, data-enabled="false")
                        = themes[index].theme["display-name"]
            button#save-toggle SAVE SETTINGS