import {Component, Input, OnInit, ViewChild} from '@angular/core';
import {UsersService} from '../../services/users.service';
import {Router} from '@angular/router';
import {CupboardService} from '../../services/cupboard.service';
import {catchError, firstValueFrom, Observable} from 'rxjs';
import {AuthService} from '../../services/auth.service';

@Component({
    selector: 'app-funding-basket',
    standalone: false,
    templateUrl: './funding-basket.component.html',
    styleUrl: './funding-basket.component.css'
})
export class FundingBasketComponent implements OnInit {
    statusText: any;

    constructor(
        private router: Router,
        protected cupboardService: CupboardService,
        protected usersService: UsersService,
        private authService: AuthService
    ) {}

    @ViewChild("contribution") contribution?: Input;
    @Input() isValid: boolean = true;

    // this is for login rerouting
    ngOnInit(): void {
        if (!this.authService.getCurrentUser()) {
            this.router.navigate(['/login'], {queryParams: {redir: this.router.url}});
            return;
        }

        this.usersService.refreshBasket();
        // this.usersService.removeNeed(); <- call this to remove
    }

    async checkout() {
        this.isValid = true;
        for (let c of document.getElementById("funding-basket")?.querySelectorAll('.contribution')!) {
            let contribution = c as HTMLInputElement;
            contribution.setAttribute("style", "");
            if (contribution.value == '' || contribution.valueAsNumber <= 0) {
                this.isValid = false;
                contribution.setAttribute("style", "color: #ff0000");
            }
        }
        if (this.isValid) {
            for (let c of document.getElementById("funding-basket")?.querySelectorAll('.contribution')!) {
                let contribution = c as HTMLInputElement;
                let need = await firstValueFrom(this.cupboardService.getNeed(+contribution.id));
                need.current += +contribution.value;
                this.usersService.removeNeed(+need.id);
                this.cupboardService.checkoutNeed(need.id, +contribution.value)
                    .pipe(catchError((ex, _) => {
                        if (ex.status == 500) {
                            this.statusText.next('Fields cannot be blank');
                        } else if (ex.status == 400) {
                            this.statusText.next('Goal must be greater than 0');
                        } else {
                            this.statusText.next('Error on creating need');
                        }
                        return new Observable<string>();
                    }))
                    .subscribe((result) => {
                        if (result) {
                            console.log('need updated successfully');
                            //this.needList?.refresh()
                        } else {
                            console.log('need update failed');
                        }
                    });
            }
        }
    }


}