<ion-view title="Search Recipes">
    <ion-header-bar class="bar-subheader" style="height: 4em">
      <label class="item item-input">
          <i class="icon ion-search placeholder-icon"></i>
          <input type="text" ng-model="recipeSearch.$" placeholder="Search..."/>
      </label>
    </ion-header-bar>
  <ion-content class="padding" style="margin-top: 1em">
      <ion-list>
          <ion-item ng-repeat="recipe in recipes | filter:recipeSearch" class="item-thumbnail-left" href="#/tab/recipe/{{recipe.id}}">
              <img ng-src="recipe_photos/{{recipe.photoFile}}"/>
              <strong>{{recipe.name}}</strong>
              <p>{{recipe.summary || recipe.description}}</p>
          </ion-item>
      </ion-list>
  </ion-content>
</ion-view>
