<div id="sploc_mainDiv aep" class="geolocalisationwidget">
  <!-- Localisation par Adresse -->
  <div id="sploc_formGroup2" ng-show="tabs.activeTab==0">
    <form
      ng-submit="searchAdress()"
      name="theForm"
      autocomplete="on"
      class="searchForm"
    >
      <div class="row">
        <div class="col-xs-12">
          <div class="input-group">
            <input
              class="sploc_inputAdress form-control"
              type="text"
              placeholder="{{'geolocalisation.AdresseHere' | translate}}"
              autocomplete="on"
              required
              ng-model="inputAdress"
            />
            <span class="input-group-btn">
              <button
                type="submit"
                ng-disable="theForm.$invalid || theForm.$pristine"
                class="btn btn-xs btn-default"
                title="{{'geolocalisation.Find' | translate}}"
              >
                <span class="glyphicon glyphicon-search"></span>
              </button>
            </span>
            <span class="input-group-btn">
              <button
                type="reset"
                ng-click="clear()"
                class="btn btn-xs btn-default"
                title="{{'geolocalisation.clearForm' | translate}}"
              >
                <span class="glyphicon glyphicon-trash"></span>
              </button>
            </span>
            <span class="input-group-btn">
              <button
                type="button"
                ng-disabled="!markerSet"
                ng-click="clearMarker()"
                class="btn btn-xs btn-default"
                title="{{'geolocalisation.clearMarker' | translate}}"
              >
                <i class="fa fa-times"></i>
              </button>
            </span>
          </div>
        </div>
      </div>
    </form>
    <img src="img/common/wait.gif" id="waitImg" ng-show="wait" />
  </div>

  <!-- Resultats de la localisation par Adresse -->
  <div
    id="sploc_formGroup3"
    ng-show="tabs.activeTab==0"
    style="overflow:auto;max-height:300px"
  >
    <div
      class="address"
      ng-repeat="value in adress track by $index"
      ng-class="activeAddress.value==$index ? 'active' : ''"
      ng-click="seeOnMap(value,$index)"
    >
      <div class="header">
        <div class="logo">
          <span class="google" ng-if="value.origin=='google'"> Google </span>
          <span class="nominatim" ng-if="value.origin=='nominatim'"> OSM </span>
          <span
            class="kiageocodage"
            ng-if="value.origin!='google'&& value.origin!='nominatim'"
          >
            {{value.origin}}
          </span>
        </div>
        <span class="label label-primary">{{$index+1}}</span>
        <label>{{value.address.state}}</label>
      </div>
      <div
        class="detail"
        title="{{'geolocalisation.clicToGoOnMap' | translate}}"
        style="cursor:pointer;"
        id="adressAno"
      >
        {{value.display_name}}
      </div>

      <button
        ng-if="activeAddress.value==$index"
        type="button"
        class="btn btn-primary btn-xs"
        ng-click="getCoordsFromAdress(value, $index)"
      >
        Appliquer
      </button>
    </div>
  </div>
</div>
