<ion-view title="Détail">
    <ion-content class="has-header">
        <div class="list">
            <form name="detailForm" novalidate="" ng-submit="DetailCtrl.save(detailForm)">
            <label class="item item-input item-stacked-label">
                <span class="input-label">Titre</span>
                <input type="text" placeholder="Titre" ng-model="DetailCtrl.note.titre" name="titre" ng-minlength="5" ng-maxlength="20" required>
            </label>
            <div ng-show="detailForm.titre.$error">
              <div class="error" ng-if="detailForm.titre.$error.required">
                <i class="ion-information-circled"></i> 
                Le titre est obligatoire
              </div>
              <div class="error" ng-if="detailForm.titre.$error.minlength">
                <i class="ion-information-circled"></i> 
                Le titre doit faire au moins 5 caractères
              </div>
              <div class="error" ng-if="detailForm.titre.$error.maxlength">
                <i class="ion-information-circled"></i> 
                Le titre ne peut faire plus de 20 caractères
              </div>
            </div>
            <label class="item item-input item-stacked-label">
                <span class="input-label">Description</span>
                <input type="text" placeholder="Description" ng-model="DetailCtrl.note.description">
            </label>
            <button class="button button-full button-balanced" type="submit">
                Enregistrer
            </button>
            </form>
        </div>
        <button class="button button-full button-positive" ng-click="DetailCtrl.sendMail()">
            Envoyer par mail
        </button>
        <button class="button button-full button-stable" ng-click="DetailCtrl.retour()">
            Retour
        </button>
    </ion-content>
</ion-view>