%fieldset#details
  %ng-form{"ng-controller" => "DetailsCtrl", name: "details"}

    %h5{"ng-class" => "{valid: details.$valid, dirty: details.$dirty || submitted}"}
      %span.right
        %label.label.round.alert.right
          %i.ofn-i_009-close
        %label.label.round.success.right
          %i.ofn-i_051-check-big
      = t :checkout_details

    %accordion-group{"is-open" => "accordion.details",
      "ng-class" => "{valid: details.$valid, open: accordion.details}"}
      = render 'checkout/accordion_heading'

      .row
        .small-6.columns
          = validated_input t(:first_name), "order.bill_address.firstname"
        .small-6.columns
          = validated_input t(:last_name), "order.bill_address.lastname"

      .row
        .small-6.columns
          = validated_input t(:email), 'order.email', type: :email, "ofn-focus" => "accordion['details']"

        .small-6.columns
          = validated_input t(:phone), 'order.bill_address.phone'

      .row
        .small-12.columns.text-right
          %button.primary{"ng-disabled" => "details.$invalid", "ng-click" => "login_or_next($event)"}
            = t :next
