<div class="container">
<div class="card">
  <div class="well">
    <p class="h5 text-center mb-4">Réinitialiser mot de passe</p>
      <!--<div> ID: {{ (user | async)?.uid }} </div>
      <div> Email: {{ (user | async)?.email }} </div>-->

      <div class="md-form">
        <i class="fa fa-envelope prefix grey-text"></i>
        <input type="email" [(ngModel)]="email" placeholder="Email" name="mail" required pattern="^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$" #mail="ngModel">
        <div *ngIf="mail.errors && mail.errors.pattern && (mail.dirty || mail.touched)"  class="alert alert-danger">
          Votre <strong>email</strong> est requis et doit avoir ce format : <strong><i>john@gmail.fr</i></strong>.
        </div>
      </div>


      <div class="text-center" style="margin-top:5%">
        <button  class="btn btn-dark-green" [disabled]="mail.errors" (click)="resetPass()">Réinitialiser mot de passe<i class="fa fa-paper-plane-o ml-1"></i></button>
        <!--<button class="btn btn-cyan" (click)="loadHomeComponent()">Back</button>-->
        <button class="btn btn-cyan" (click)="loadHomeComponent()">Retour</button>
      </div>
      <div *ngIf="emailExist"  class="alert alert-success">
        Un <strong>email pour réinitiliser votre mot de passe</strong> vient de vous être envoyé à <strong><i>{{email}}</i></strong>.
      </div>
      <div *ngIf="emailExist == false"  class="alert alert-danger">
         L'email <strong><i>{{email}}</i></strong> n'est pas inscrit sur ParraineTesAmis.com
      </div>

  </div>
</div>
</div>
