extends /layout/layout

block var
  -title="登陆" // 网页标题
  -hideHeader=true

block head
    +css("css/page/login.css")

block content
    .container#container
        .form-container.sign-up-container
            form(action='/login/register' method='post')
                h1 创建账户
                .social-container
                    a.social(href='#')
                        i.fab.fa-facebook-f
                    a.social(href='#')
                        i.fab.fa-google-plus-g
                    a.social(href='#')
                        i.fab.fa-linkedin-in
                span 使用您的邮箱注册
                input(type='text', name="username", placeholder='请输入用户名')
                input(type='email', name="email",placeholder='请输入邮箱')
                input(type='password', name="password",placeholder='请输入密码')
                include @/helper/form_security.pug
                button 注册
        .form-container.sign-in-container
            form(action='/login' method='post')
                h1 登录
                .social-container
                    a.social(href='#')
                        i.fab.fa-facebook-f
                    a.social(href='#')
                        i.fab.fa-google-plus-g
                    a.social(href='#')
                        i.fab.fa-linkedin-in
                span 填写您的账户
                input(type='text',name="username" , placeholder='请输入邮箱')
                input(type='password',name="password" , placeholder='请输入密码')
                include @/helper/form_security.pug
                a(href='#') 忘记密码?
                button 登录
        .overlay-container
            .overlay
                .overlay-panel.overlay-left
                    h1 欢迎回来!
                    p 填写您的账户，与我们保持亲密联系吧！
                    button.ghost#signIn 登录
                .overlay-panel.overlay-right
                    h1 你好朋友!
                    p 创建您的个人账户，随我们遨游于此吧！
                    button.ghost#signUp 注册

block script
    +script("js/page/login.js")