<ion-header-bar class="bar-stable">
    <h1 class="title">Recherche</h1>
</ion-header-bar>
<ion-content>
    <div class="list">
        <label class="item item-input">
		<span class="input-label">Titre</span>
		<input type="text" ng-model="RechercheCtrl.titreFilm"/>
	</label>
        <label class="item item-input">
		<span class="input-label">Année</span>
		<input type="number" ng-model="RechercheCtrl.anneeFilm"/>
	</label>
        <label class="item item-input">
		<span class="input-label">Mois</span>
		<input type="month" ng-model="RechercheCtrl.moisFilm"/>
	</label>
        <label class="item item-input item-toggle">
        <span class="input-label">Noir et blanc</span>
        <label class="toggle">
            <input type="checkbox" ng-model="RechercheCtrl.noirEtBlanc"/>
            <div class="track">
                <div class="handle"></div>
            </div>
        </label>
        </label>
        <label class="item item-input item-select">
	    <div class="input-label">Type de film</div>
	    <select ng-model="RechercheCtrl.typeFilm">
		    <option value="film" selected>Film</option>
		    <option value="serie">Série</option>
		    <option value="episode">Episode</option>
	    </select>
    </label>
        <label class="item item-input range range-positive">
	<div class="input-label">Note minimum</div>
	<input type="range" ng-model="RechercheCtrl.noteMini" min="0" max="10" step="1">
	{{RechercheCtrl.noteMini}}
</label>
</ion-content>