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

@Component({
  selector: 'app-signup',
  standalone: false,
  templateUrl: './signup.component.html',
  styleUrl: './signup.component.css'
})
export class SignupComponent {

    protected statusText = new BehaviorSubject("")
    protected showSuccessMessage = new BehaviorSubject(false)
    protected passwordStrongEnough = new BehaviorSubject(true)
    passwordRequirements: String[] = [("❌ Password length"), ("❌ Lowercase letters")];
    protected strength = new BehaviorSubject(0)
    protected color = new BehaviorSubject("red")
    protected test = new BehaviorSubject("Password does not meet requirements")

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

    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.showSuccessMessage.next(true);
        }).catch(ex => {
            this.statusText.next("Unable to create account: " + friendlyHttpStatus[ex.status])
            console.log(ex)
        })
    }

    checkPasswordStrength(password: string) {
        this.passwordRequirements = [("❌ Password length"), ("❌ Lowercase letters")];
        this.test.next("Password does not meet requirements")
        this.statusText.next("")
        this.passwordStrongEnough.next(true)
        this.color.next("red")

        if (password.match(/[^!-~]/g)) {
            this.statusText.next("Invalid characters")
            return
        }

        let strength = 0;
        if (password.length > 6) {
            strength++
            this.passwordRequirements[0] = "✅ Password length"
            this.color.next("green")
        }
        if (password.length > 12) {
            strength++
        }
        if (password.match(/[a-z]/g)) {
            strength++
        }
        if (password.match(/[A-Z]/g)) {
            strength++
        }
        if (password.match(/[0-9]/g)) {
            strength++
        }
        if (password.match(/[!-/]/g)) {
            strength++
        }

        if (strength >= 5) {
            this.passwordStrongEnough.next(false)
            this.test.next("")
        }

        this.strength.next(strength)
    }

    protected readonly length = length;
}

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',
};