.gray-bg.row
  .container-fluid.my-cover
    .container
      .col-md-3.text-center.company-user-logo-container
        = render "user_logo", user: @user
      .col-md-9
        h2.company-name
          | Account Setting
          br
          small
            = @user.full_name.try(:titleize)
  .clearfix
  .container
    .container.panel-content
      .col-md-3
        .left-menu
          ul.nav.nav-tabs.tabs-left
            /! 'tabs-right' for right tabs
            li.active
              a data-toggle="tab" href="#ContactDetails"  Contact Information
            li
              a data-toggle="tab" href="#ChangePassword"  Change Password
            li
              a data-toggle="tab" href="#Masquerade"  Masquerade
      .col-md-9
        .tab-content
          = render "contact_information", company_user: @company_user
          #ChangePassword.tab-pane
            = render "password", company_user: @company_user
          #Masquerade.tab-pane
            .sub-panel
              h4
                strong Masquerade
            .tab-panel-holder
              .row
                .col-md-7.centered-div.modal-custom
                  form
                    .form-group
                      label Type
                      input#exampleInputPassword1.form-control placeholder="" type="text"
                    .form-group
                      label User
                      input#exampleInputPassword1.form-control placeholder="" type="text"
                    .form-group
                      label Password
                      input#exampleInputPassword1.form-control placeholder="" type="password"
                    .text-right
                      button.btn.btn-filled.btn-bordered data-dismiss="modal" type="button"  Change