<ion-view cache-view="false" view-title="{{'Search results' | translate}}">
  <ion-nav-title translate translate-values="{query: '<em>' + q + '</em>'}">
    Search results for {query}
  </ion-nav-title>
  <ion-nav-buttons side="secondary">
    <button class="mopidy-mobile-button-icon mopidy-mobile-icon-menu"
            ng-click="popover.show($event)"
            ng-controller="LibraryMenuCtrl"
            >
    </button>
  </ion-nav-buttons>
  <ion-content>
    <div class="list">
      <a class="item item-thumbnail-left item-icon-right"
         ng-repeat="artist in artists"
         ui-sref="main.library.lookup({name: artist.name, uri: artist.uri})"
         >
        <img class="mopidy-mobile-thumbnail-artist" ng-src="{{images[artist.uri].uri}}">
        <h2>{{artist.name}}</h2>
        <i class="mopidy-mobile-icon-link icon-accessory"></i>
      </a>
      <a class="item item-thumbnail-left item-icon-right"
         ng-repeat="album in albums"
         ui-sref="main.library.lookup({name: album.name, uri: album.uri})"
         >
        <img class="mopidy-mobile-thumbnail-album" ng-src="{{images[album.uri].uri}}">
        <h2>{{album.name}}</h2>
        <h3>{{album.artist[0].name}}</h3>
        <i class="mopidy-mobile-icon-link icon-accessory"></i>
      </a>
      <a class="item item-thumbnail-left"
         ng-repeat="track in tracks"
         ng-click="click(track)"
         >
        <img class="mopidy-mobile-thumbnail-track" ng-src="{{images[track.uri].uri}}">
        <h2>{{track.name}}</h2>
        <h3>{{track.artists[0].name}}</h3>
        <h4>{{track.album.name}}</h4>
      </a>
    </div>
  </ion-content>
</ion-view>
