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

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

  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')!) {
      var contribution = c as HTMLInputElement;
      console.log(contribution.value, contribution.id);
      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')!) {
        var contribution = c as HTMLInputElement;
        var need = await firstValueFrom(this.cupboardService.getNeed(+contribution.id));
        need.current +=+ contribution.value;
        console.log(need);
        this.cupboardService.updateNeed(+contribution.id, need);
        this.usersService.removeNeed(+contribution.id);
      }
    }
  }



}