<ion-view view-title="{{'Search' | translate}}">
  <ion-content class="has-footer">
    <div class="list">
        <div class="item item-input">
            <i class="icon ion-search placeholder-icon"></i>
            <input type="search" placeholder="{{'search' | translate}}..." ng-model="search.word">
            <md-button class="o_purple300" ng-click="doSearch()"><i class="icon ion-search"></i></md-button>
        </div>
        <div class="item item-divider o_purple300" ng-show="travels[0]">
            {{'Travels' | translate}}
        </div>
        <a ng-repeat="travel in travels | orderBy: 'date'"
        class="item item-icon-left" href="#/app/travels/{{travel._id}}">
          <i class="icon ion-android-car o_text_grey700"></i>
          <h2 class="o_text_grey800">{{travel.title}}</h2>
          <div class="item-note text-right">
              <div class="o_text_purple300">{{travel.date | date:"dd/MM"}}</div>
              <div class="o_text_purple300">{{travel.date | date:"HH:mm"}}h</div>
          </div>
          <p>
              {{travel.from.name}}
          </p>
          <p>
              {{travel.to.name}}
          </p>
        </a>
        <div class="item item-divider o_purple300" ng-show="users[0]">
            {{'Users' | translate}}
        </div>
        <a ng-repeat="user in users | orderBy: 'date'" class="item item-avatar" ng-href="#/app/users/{{user._id}}">
          <img ng-src="{{user.avatar}}">
          <h2 class="o_text_purple600">{{user.username}}</h2>
          <p>
              {{user.description}}
          </p>
        </a>
    </div>
  </ion-content>
</ion-view>
