<form>
  <div class = "flex d-flex">
    <div class="form-group mb-3">
      <label for="recipient-name" class="col-form-label">Compte Email:</label>
      <input type="text" class="form-control" wire:model='mail'  placeholder="">
      @error('mail') <span class = "text-danger">{{$message}}</span>@enderror
    </div>
    
    <div class="form-group mb-3">
      <label for="recipient-name" class="col-form-label">Password:</label>
      <input type="text" class="form-control" wire:model='password' placeholder="">
      @error('password') <span class = "text-danger">{{$message}}</span>@enderror
    </div>
  </div>
    <div class= "">
        <button wire:click.prevent='store()'class="btn btn-secondary btn-sm">Add</button>
        <button wire:click.prevent='cancelAdd()'class="btn btn-danger btn-sm">Cancel</button>
        
    
    </div>
    
  </form>