export class User {
id?: number;
name?: string;
email?: string;
password?: string;
username?: string;

constructor() {}
 }

import { Injectable } from '@angular/core';
import { HttpClient, HttpErrorResponse } from '@angular/common/http';
import { HttpHeaders } from '@angular/common/http';
import { Router } from '@angular/router';
import { BehaviorSubject, Observable, throwError } from 'rxjs';
import { catchError, map, tap } from 'rxjs/operators';
import { environment } from '../../environments/environment.prod';
import { User } from '../models/user';
// Setup headers
const httpOptions = {
  headers: new HttpHeaders({
'Content-Type': 'application/json'
  })
};

@Injectable({
 providedIn: 'root'
})
export class AuthService {
  public currentUser: User;
  private readonly apiUrl = environment.apiUrl;
  private registerUrl = this.apiUrl + '/register';
  private loginUrl = this.apiUrl + '/login';

 constructor(
private http: HttpClient,
private router: Router)

onRegister(user: User): Observable<User> {

const request = JSON.stringify(
  { name: user.name, username: user.username, email: user.email, password: user.password }
);

return this.http.post(this.registerUrl, request, httpOptions)
  .pipe(
    map((response: User) => {
      // Receive jwt token in the response
      const token: string = response['access_token'];
      // If we have a token, proceed
      if (token) {
        this.setToken(token);
        this.getUser().subscribe();
      }
      return response;
    }),
    catchError(error => this.handleError(error))
  );
  }

  onLogin(user: User): Observable<User> {

const request = JSON.stringify(
  { email: user.email, password: user.password }
);

return this.http.post(this.loginUrl, request, httpOptions)
  .pipe(
    map((response: User) => {
      // Receive jwt token in the response
      const token: string = response['access_token'];
      // If we have a token, proceed
      if (token) {
        this.setToken(token);
        this.getUser().subscribe();
      }
      return response;
    }),
    catchError(error => this.handleError(error))
  );
  }

  onLogout(): Observable<User> {
return this.http.post(this.apiUrl + '/logout', httpOptions).pipe(
  tap(
    () => {
      localStorage.removeItem('token');
      this.router.navigate(['/']);
    }
  )
);
  }

  setToken(token: string): void {
return localStorage.setItem('token', token );
 }

 getToken(): string {
return localStorage.getItem('token');
}

 private handleError(error: HttpErrorResponse) {
if (error.error instanceof ErrorEvent) {
  // A client-side error.
  console.error('An error occurred:', error.error.message);
} else {
  // The backend error.
    return throwError(error);
}
// return a custom error message
return throwError('Ohps something wrong happen here; please try again later.');
  }
}