doctype html
html
    head
        meta(charset='utf-8')
        title Dart appka
        link(rel="stylesheet", href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css", integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7", crossorigin="anonymous")
        link(rel="stylesheet", href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css", integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r", crossorigin="anonymous")
        script(src='/js/frontend.js')
    body
        h1 Dart workshop
        p Simple dart + redstone + jade + bootstrap + mongo application
        div#wrapper

            div#userInfo.col-md-3
                h2 User Details
                table.table
                    tr
                        td.col-md-1
                            strong Username:
                        td#userInfoUsername
                    tr
                        td.col-md-1
                            strong Email:
                        td#userInfoEmail
                    tr
                        td.col-md-1
                            strong Full Name:
                        td#userInfoFullname



            div#userList.col-md-4
                h2 User List
                table.table.table-striped.table-bordered
                    thead
                        th UserName
                        th.col-md-3 Action
                    tbody

            div#addUser.col-md-3
                h2 Add New User
                p
                    input#inputUserName.form-control(type='text', placeholder='Username')
                p
                    input#inputUserEmail.form-control(type='text', placeholder='Email')
                p
                    input#inputUserFullname.form-control(type='text', placeholder='Full Name')
                p
                    button#btnAddUser.btn.btn-success Add User


        script(src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js")
        script(src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js", integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS", crossorigin="anonymous")