commonroutesApp/www/templates/offerCar.html

<ion-view view-title="{{'Offer_Car' | translate}}">
  <ion-content>
      <div class="padding">
          <label class="item item-input">
            <span class="input-label">{{'Title' | translate}}</span>
            <input type="text" ng-model="newtravel.title">
          </label>
          <div layout="row">
              <label class="item item-input">
                <span class="input-label">{{'From' | translate}}</span>
                <input type="text" ng-model="newtravel.from.name">
              </label>
              <label class="item item-input">
                <span class="input-label">{{'To' | translate}}</span>
                <input type="text" ng-model="newtravel.to.name">
              </label>
          </div>
      </div><!-- end of padding -->
      <a ng-click="getGeo()" ng-show="newtravel.from.name && newtravel.to.name"
      class="button o_purple300">{{'Get_positions' | translate}}</a>

      <leaflet ng-show="markers[0]"
      width="100%" height="40%" markers="markers" center="center"
      tiles="tiles" id="map-simple-map"></leaflet>

      <div class="padding" ng-show="markers[0]">
          <label class="item item-input">
            <span class="input-label">{{'n_Seats' | translate}}</span>
            <input ng-model="newtravel.seats" type="number">
          </label>

          <label class="item-input">
              <span class="input-label">{{'Date' | translate}}</span>
              <input ng-model="newtravel.date" type="date" placeholder="">
          </label>
          <label class="item-input">
              <span class="input-label">{{'Hour' | translate}}</span>
              <input ng-model="newtravel.date" type="time" placeholder="">
          </label>
          <ion-toggle ng-model="newtravel.package" toggle-class="toggle-calm">
              <i class="icon ion-ios-box"></i>
              {{'Can_carry_package' | translate}}
          </ion-toggle>
          <ion-toggle ng-model="newtravel.collectivized" toggle-class="toggle-calm">
              {{'Collectivized_car' | translate}}
          </ion-toggle>
          <label class="item item-input">
            <span class="input-label">{{'Description' | translate}}</span>
            <input type="text" ng-model="newtravel.description">
          </label>
          <p class="padding">
            <a ng-click="createTravel()" class="button o_purple400 o_floatRight">
               {{'Create_travel' | translate}}
           </a>
          </p>
      </div><!-- end of padding -->
  </ion-content>
</ion-view>