.main-page
  .page-title
    h1 Client Creation
  .row
    .col-md-12
      = render 'company/wizard/clients/headers/main', client: @client, step_class: {client: 'active disabled'}
  .tab-content
    .row
      article.ml30.mr30
        .col-md-12
          = simple_form_for @agreement, url: '/company/agreements', turboboost: true, validate: false, html: { multipart: true, class: 'dirtyform' } do |f|
            p.text-center.info-text
              | Please select the organization you want to add the building to
              |  
              | You can create a new one if necessary.
            #tab1.tab-pane.gray-panel.centered-div.active
              .row
                .col-md-9.centered-div
                  h4 Client
                .form-group.col-md-9.centered-div.location-wizard
                  .icon-addon.addon-sm.address-api
                    = f.input :company_id, as: :select, collection: [], label: false, placeholder: 'Select Client',
        input_html: {class: 'select2-input', data: {select2_mappings: {responseSelector: :companies, textSelector: :name}, select2_options: {ajax: {url: api_clients_path}, templateResult: 'select2companyTemplateResult'}, Select2Cascade: {selector: '.cascade-element', url: api_client_locations_path('parent-id')}}}
                    label.fa.fa-search for="Address" rel="tooltip" title="Address"
                  .form-group.text-right.margintop20
                    = link_to new_company_company_client_path, class: [:'pull-right', :'text-primary'] do
                      = fa_icon(:'plus-circle', text: 'CREATE NEW COMPANY')
                  .clearfix
              .row
                .col-md-9.centered-div
                  h4 Existing Sites
                .form-group.col-md-9.centered-div.location-wizard
                  .icon-addon.addon-sm.address-api
                    = f.input :location_id, as: :select, collection: [], label: false, placeholder: 'Site Name', input_html: {class: 'select2-input cascade-element', data: {select2_mappings: {responseSelector: :locations, textSelector: :name}, select2_options: {}}}
                    label.fa.fa-search for="Address" rel="tooltip" title="Address"
                  .form-group.text-right.margintop20
                    = link_to new_company_location_path do
                      = fa_icon(:'plus-circle', text: 'CREATE NEW SITE')
                  .clearfix
                  .row.mt20
                    .buttons-holder.col-md-12
                      = link_to 'Back', company_agreement_contracts_path, class: 'btn btn-back'
                      = f.submit "Continue", class: "btn btn-continue"