import {Component, Input, OnInit, ViewChild} from '@angular/core';
import {User} from '../../models/User';
import { UsersService } from '../../services/users.service';
import { Need } from '../../models/Need';
import { NeedListComponent } from '../need-list/need-list.component';
import { Router } from '@angular/router';
import { CupboardService } from '../../services/cupboard.service';
import { BehaviorSubject, catchError, firstValueFrom, Observable } from 'rxjs';

@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
  ) {}

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

  // this is for login rerouting
  ngOnInit(): void {
    if (!this.usersService.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.updateNeed(need.id, need)
            .pipe(catchError((ex, r) => {
                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');
                }
            });
      }
    }
  }



}