.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 @equipment, url: '/company/equipment', method: :post, turboboost: true, validate: true, html: { multipart: true } 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: (f.object.company_id ? [[f.object.company.name, f.object.company_id]] : []), label: false, placeholder: 'Client Name', input_html: {class: 'select2-input', data: {select2_mappings: {responseSelector: :companies, textSelector: :name}, select2_options: {ajax: {url: api_clients_path}}, 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: 'add-another' do
                      i.fa.fa-plus-circle aria-hidden="true"
                      | CREATE New
                  .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: (f.object.location_id ? [[f.object.location.name, f.object.location_id]] : []), label: false, placeholder: 'Location 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, class: 'add-another' do
                      i.fa.fa-plus-circle aria-hidden="true"
                      | CREATE New
                  .clearfix
                  .row.mt20
                    .buttons-holder.col-md-12
                      = link_to 'Back', company_equipment_index_path, class: 'btn btn-back'
                      = f.submit "Continue", class: "btn btn-continue"