import {Component, OnInit} from '@angular/core'
import {UsersService} from '../../services/users.service';
import {ActivatedRoute, Router} from '@angular/router';
import {BehaviorSubject} from 'rxjs';

@Component({
  selector: 'app-login',
  standalone: false,
  templateUrl: './login.component.html',
  styleUrl: './login.component.css'
})
export class LoginComponent implements OnInit {

    protected next?: string | null;
    protected statusText = new BehaviorSubject("")

    constructor(
        protected usersService: UsersService,
        protected router: Router,
        private route: ActivatedRoute
    ) {}

    ngOnInit() {
        this.next = this.route.snapshot.queryParamMap.get('redir')
    }

    login(username: string | null, password: string | null) {
        let next = this.next || '/dashboard'
        console.log(`attempting to log in with ${username} ${password}`)
        if (!username || !password) {
            return;
        }

        this.usersService.login(username, password).then(() => {
            this.router.navigate([next]);
        }).catch(ex => {
            this.statusText.next("Unable to login: " + friendlyHttpStatus[ex.status])
            console.log(ex)
        })
    }

    signup(username: string | null, password: string | null) {
        console.log(`attempting to sign up with ${username} ${password}`)
        if (!username || !password) {
            return;
        }

        this.usersService.createUser(username, password).then(() => {
             this.statusText.next("Account created, click login.")
        }).catch(ex => {
            this.statusText.next("Unable to create account: " + friendlyHttpStatus[ex.status])
            console.log(ex)
        })
    }
}

// temporary
let friendlyHttpStatus: {[key: number]: string} = {
    200: 'OK',
    201: 'Created',
    202: 'Accepted',
    203: 'Non-Authoritative Information',
    204: 'No Content',
    205: 'Reset Content',
    206: 'Partial Content',
    300: 'Multiple Choices',
    301: 'Moved Permanently',
    302: 'Found',
    303: 'See Other',
    304: 'Not Modified',
    305: 'Use Proxy',
    306: 'Unused',
    307: 'Temporary Redirect',
    400: 'Bad Request',
    401: 'Unauthorized',
    402: 'Payment Required',
    403: 'Forbidden',
    404: 'Not Found',
    405: 'Method Not Allowed',
    406: 'Not Acceptable',
    407: 'Proxy Authentication Required',
    408: 'Request Timeout',
    409: 'Conflict',
    410: 'Gone',
    411: 'Length Required',
    412: 'Precondition Required',
    413: 'Request Entry Too Large',
    414: 'Request-URI Too Long',
    415: 'Unsupported Media Type',
    416: 'Requested Range Not Satisfiable',
    417: 'Expectation Failed',
    418: 'I\'m a teapot',
    429: 'Too Many Requests',
    500: 'Internal Server Error',
    501: 'Not Implemented',
    502: 'Bad Gateway',
    503: 'Service Unavailable',
    504: 'Gateway Timeout',
    505: 'HTTP Version Not Supported',
};