- var page_Title = 'Register Wizard';
- var theme_customizer      = true;
- var tooltip               = true;
- var form_wizard_four      = true;
- var sidebar               = false;
doctype html
html(lang='en')
  include ../../components/header-files
  body
    // login page start
    .container
      .grid.grid-cols-12          
        div(class="col-span-12")
          div
            .theme-form                      
              #wizard.wizard-4                        
                ul.custom-scrollbar
                  li
                    a.logo.text-start.ps-0(href="index.html")
                      img.max-w-full.h-auto.for-light(src="../assets/images/logo/logo.png" alt="looginpage" )
                      img.max-w-full.h-auto.for-dark(src="../assets/images/logo/logo_dark.png" alt="looginpage" )
                  li
                    a(href='#step-1')
                      h4 1
                      h5 Personal
                      small Add personal details
                  li
                    a(href='#step-2')
                      h4 2
                      h5 Address
                      small Add additional info
                  li
                    a(href='#step-3')
                      h4 3
                      h5 Message
                      small Add message(optional)
                  li.pb-0
                    a(href='#step-4')
                      h4 4
                      h5 Done 
                        i.fa-regular.fa-thumbs-up.fa-beat
                      small Complete.. !
                  li                            
                    img(src="../assets/images/login/signup.png" alt="looginpage" )       
                #step-1
                  .wizard-title
                    h2 Sign up to account
                    h6.c-o-light.mb-4 Enter your email & password to login
                  .login-main
                    .theme-form
                      .form-group.mb-3
                        label(for='name') First Name
                        input#name.form-control(type='text', placeholder='Johan', required='required')
                      .form-group.mb-3
                        label(for='lname') Last Name
                        input#lname.form-control(type='text', placeholder='Deo')
                      .form-group.mb-3
                        label(for='contact') Contact No.
                        input#contact.form-control(type='number', placeholder='9152422278')
                #step-2
                  .wizard-title
                    h2 Sign up to account
                    h5.text-muted.mb-4 Enter your email & password to login
                  .login-main
                    .theme-form
                      .form-group.mb-3.m-t-15
                        label(for='exampleFormControlInput1') Email Address
                        input#exampleFormControlInput1.form-control(type='email', placeholder='name@example.com')
                      .form-group.mb-3
                        label(for='exampleInputPassword1') Password
                        input#exampleInputPassword1.form-control(type='password', placeholder='Password')
                      .form-group.mb-3
                        label(for='exampleInputPassword1') Confirm Password
                        input#exampleInputcPassword1.form-control(type='password', placeholder='Enter again')
                #step-3
                  .wizard-title
                    h2 Sign up to account
                    h5.text-muted.mb-4 Enter your email & password to login
                  .login-main
                    .theme-form
                      .form-group.mb-3
                        label(for='exampleFormControlInput1') Birthday:
                        input.form-control(type='date')
                      .form-group.mb-3
                        label.control-label Age
                        input.form-control(placeholder='Age', type='text')
                      .form-group.mb-3
                        label.control-label Have Passport
                        input.form-control(placeholder='Yes/No', type='text')
                #step-4
                  .wizard-title
                    h2 Sign up to account
                    h5.text-muted.mb-4 Enter your email & password to login
                  .login-main
                    .theme-form
                      .form-group.mb-3
                        label.control-label Country
                        input.form-control.mt-1(type='text', placeholder='Country', required='required')
                      .form-group.mb-3
                        label.control-label State
                        input.form-control.mt-1(type='text', placeholder='State', required='required')
                      .form-group.mb-3
                        label.control-label City
                        input.form-control.mt-1(type='text', placeholder='City', required='required')
                        // Smart Wizard Ends
      include ../../components/footer-files
