<ion-view title="Accueil">
    <ion-content class="has-header">
        <ion-slide-box slide-interval="2000" show-pager="false" does-continue="true" auto-play="true">
            <ion-slide ng-repeat="note in HomeCtrl.notes">
                <img src="img/ionic.png">
                <h2>{{note.titre}}</h2>
            </ion-slide>
        </ion-slide-box>
        <ion-list>
            <label class="item item-input">
                <i class="icon ion-search placeholder-icon"></i>
                <input type="text" placeholder="Rechercher" ng-model="recherche" 
                on-hold="HomeCtrl.onGeste('hold')"
                on-tap="HomeCtrl.onGeste('tap')"
                on-double-tap="HomeCtrl.onGeste('doubletap')"
                on-touch="HomeCtrl.onGeste('touch')"
                on-release="HomeCtrl.onGeste('release')"
                on-drag="HomeCtrl.onGeste('drag')"
                on-swipe="HomeCtrl.onGeste('swipe')"
                >
            </label>
            <ion-item class="item-thumbnail-left" collection-repeat="note in HomeCtrl.notes | filter : recherche" ui-sref="tab.detail({id: note.id})">
                <img src="img/ionic.png">
                <h2>{{note.titre}}</h2>
                <p>{{note.description}}</p>
                <ion-option-button class="button-assertive" ng-click="HomeCtrl.deleteNote(note.id)">Supprimer</ion-option-button>
            </ion-item>
        </ion-list>
    </ion-content>
</ion-view>