import { Component, OnInit } from '@angular/core';
import { MatSelectModule } from '@angular/material/select';
import { MatDividerModule } from '@angular/material/divider';
import { BackendService } from '../REST_service/backend.service';
import { FormsModule } from '@angular/forms';
import { Recipe } from '../DataModels/recipe';
import { Ingredient } from '../DataModels/ingredient';

@Component({
  selector: 'shopping-cart.component',
  templateUrl: './shopping-cart.component.html',
  styleUrls: ['./shopping-cart.component.css']
})
export class ShoppingCartComponent implements OnInit {
	
  recipes: Recipe[] = [];
  ingredients : Ingredient[] = [];
  units: string[] = [];
  amounts: number[] = [];
  types: string[] = [];
  rIDs: number[] = [];



  constructor( private restService: BackendService) {

	  this.restService.getRecipes().subscribe( 
		res => {
		  var i: number; 
		  for(i = 0; i < res.length; i++) {
			this.restService.getRecipe(res[i]).subscribe(
				res2 => {
          for (var j = 0; j < res2.ingredients.length; j++) {
            res2.ingredients[j]["checked"] = false;
            res2.ingredients[j]["cart_index"] = -1;
          }
					this.recipes.push(res2)
				});
			}
	    });
	  
  }
  
  

  ngOnInit() {
  }

  addAll(): void {

  }
  addRecipe(id: number): void {
	
  }
  addIngredient(ing: Ingredient): void {
    ing.checked = !ing.checked;
    if (ing.checked){
      this.ingredients.push(ing);
      ing.cart_index = this.ingredients.length - 1;
    } else {
      this.ingredients.splice(ing.cart_index, 1);
      for(var i = 0; i < this.ingredients.length; i++) {
        this.ingredients[i].cart_index = i;
      }
  }

  }
  printList(): void {
  }
}