%div
  .center{ ng: {if: "latLong"}}
    %strong {{'registration.steps.details.drag_pin' | t}}
  .small-12.medium-9.large-12.columns.end
    .map-container--registration{id: "registration-map", ng: {if: "!!map"}}
      %ui-gmap-google-map{ center: "map.center", zoom: "map.zoom"}
        %ui-gmap-marker{idKey: 1, coords: "latLong", options: '{ draggable: true}'}

  .center
    %input.button.primary{ type: "button", value: "{{'registration.steps.details.locate_address' | t}}", ng: { click: "locateAddress()" } }
  .center{ ng: {if: "latLong"}}
    .field
      %input{ type: 'checkbox', id: 'confirm_address', name: 'confirm_address', ng: { click: 'toggleAddressConfirmed()' } }
      %label{ for: 'confirm_address' } {{'registration.steps.details.confirm_address' | t}}
  .small-12.medium-9.large-12.columns.end{ ng: {if: "latLong"}}
    .field
      %strong {{'registration.steps.details.drag_map_marker' | t}}