var placeSearch, autocomplete;
var componentForm = {
  street_number: 'short_name',
  route: 'long_name',
  locality: 'long_name',
  administrative_area_level_1: 'short_name',
  country: 'long_name',
  postal_code: 'short_name'
};
  
function initAutocomplete() {
  // Create the autocomplete object, restricting the search to geographical
  // location types.
  autocomplete = new google.maps.places.Autocomplete(
      /** @type {!HTMLInputElement} */(document.getElementById('delivery_address')), {
    types: ['address'],
    componentRestrictions: {country: 'au'}
  });

  // When the user selects an address from the dropdown, populate the address
  // fields in the form.
  autocomplete.addListener('place_changed', fillInAddress);
}

function fillInAddress() {
  // Get the place details from the autocomplete object.
  var place = autocomplete.getPlace();
  
  /*
  for (var component in componentForm) {
    document.getElementById(component).value = '';
    document.getElementById(component).disabled = false;
  }
  */

  // Get each component of the address from the place details
  // and fill the corresponding field on the form.
  var fetched_address = [];
  for (var i = 0; i < place.address_components.length; i++) {
    var addressType = place.address_components[i].types[0];
    if (componentForm[addressType]) {
      var val = place.address_components[i][componentForm[addressType]];
      fetched_address[addressType] = val;
    }
  }
  
  // Prefill
  var combined_address = "";
  
  if(typeof(fetched_address['street_number']) != "undefined") {
    combined_address = fetched_address['street_number'];
  }
  
  if(typeof(fetched_address['route']) != "undefined") {
    if(combined_address != "") {
      combined_address += " ";
    }
    
    combined_address += fetched_address['route'];
  }
  
  $('#bill_address').val(combined_address);
  $('#bill_suburb').val(fetched_address['locality']);
  $('#bill_state').val(fetched_address['administrative_area_level_1']);
  $('#bill_postcode').val(fetched_address['postal_code']);
  $('#bill_country').val(fetched_address['country']);
  
  var $addressform = $('#address-mini-form');
  $addressform.addClass('has-success has-feedback');
  
  if(!$addressform.find('.form-control-feedback').length) {
    $addressform.append('<span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span>');
  }
}

$(function() {
  
  
  var geolocate = function() {
    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(function(position) {
        var geolocation = {
          lat: position.coords.latitude,
          lng: position.coords.longitude
        };
        var circle = new google.maps.Circle({
          center: geolocation,
          radius: position.coords.accuracy
        });
        autocomplete.setBounds(circle.getBounds());
      });
    }
  };
  
  $('.container').on('focus', '#delivery_address', function(e) {
    geolocate();
  });
  
  $('#address-mini-form input').on('keyup', function(e) {
    var $this = $(this), 
        $parent = $this.parents('#address-mini-form');
    
    $parent.removeClass('has-success has-feedback');
    $parent.find('.form-control-feedback').remove();
  });
  
  $('[data-show-fullform]').click(function (e) {
    e.preventDefault();
    
    var $target = $($(this).attr('href'));
    $target.show();
    
    $('#address-mini-form').hide();
  });
});