<div class="bizeditpointmode">
  <select
    ng-model="drawMode"
    ng-options="mode.value as mode.label for mode in drawModes"
    class="form-control"
    ng-change="toggleDrawInteraction()"
  >
    <option ng-value="0">{{'bizedition.drawModesNormal' | translate}}</option>
    <option ng-value="1">{{'bizedition.byCoordinates' | translate}}</option>
    <option ng-value="2">{{'bizedition.byDistance' | translate}}</option>
  </select>
  <button
    type="button"
    class="btn btn-default"
    ng-class="{ 'active btn-info': isActive && drawinteraction && drawinteraction.getActive() }"
    title="{{'bizedition.createPoint' | translate}}"
    ng-click="startPointCreationByEditMode()"
    ng-disabled="isAttributePopupOpen"
  >
    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
  </button>
</div>

<div class="bizEditPointSnap" ng-show="isActive">
  <input
    ng-click="switchSnap()"
    ng-model="snapState.isOn"
    type="checkbox"
    title="{{'bizedition.config.snapSwitch' | translate}}"
  />
  <i class="fa fa-bullseye" aria-hidden="true"></i>
</div>
