import { Component, OnInit } from '@angular/core';
import {BlogEntry} from "../blog-entry/blog-entry";
import {FormBuilder, Validators} from "@angular/forms";
import {initialEntries} from "../blog-entry/initialEntries";

@Component({
  selector: 'app-blog-create',
  templateUrl: './blog-create.component.html',
  styleUrls: ['./blog-create.component.css']
})
export class BlogCreateComponent implements OnInit {
  title = 'Einkaufszettel';
  entries: BlogEntry[] = [];

  constructor(public fb: FormBuilder) {
    this.entries = [];
    this.entries = initialEntries;
  }


  saveTask(value: any){
    console.log(value);
  }

  createBlogEntry(einkaufsort: string, kategorie: string, menge: string, kommentar: string, position: string) {
    if (einkaufsort && kommentar) {
      const entry = new BlogEntry();
      entry.einkaufsort = einkaufsort;
      entry.menge = menge;
      entry.kommentar = kommentar;

      if(einkaufsort === 'Aldi Süd'){
        entry.image = 'https://www.horizont.net/news/media/20/Logo-Aldi-Sd-2017-198042-detailnp.jpeg';
        entry.kategorie = 'Lebensmittel';
      }
      else if (einkaufsort === 'Edeka') {
        entry.image = 'https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Logo_Edeka.svg/1200px-Logo_Edeka.svg.png';
        entry.kategorie = 'Lebensmittel';}
      else if (einkaufsort == 'Lidl') {
        entry.image = 'https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Lidl-Logo.svg/1200px-Lidl-Logo.svg.png';
        entry.kategorie = 'Lebensmittel';}
      else if (einkaufsort == 'Rewe') {
        entry.image = 'https://upload.wikimedia.org/wikipedia/commons/thumb/4/4c/Logo_REWE.svg/1200px-Logo_REWE.svg.png';
        entry.kategorie = 'Lebensmittel';}
      else if (einkaufsort == 'Netto') {
        entry.image = 'https://www.netto-online.de/images/favicons/logo_netto.png';
        entry.kategorie = 'Lebensmittel';}
      else if (einkaufsort == 'Penny') {
        entry.image = 'https://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Penny-Markt.svg/1200px-Penny-Markt.svg.png';
        entry.kategorie = 'Lebensmittel';}
      else if (einkaufsort == 'DM') {
        entry.image = 'https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/Dm_Logo.svg/1200px-Dm_Logo.svg.png';
        entry.kategorie = 'Drogerie';}
      else if (einkaufsort == 'Rossmann') {
        entry.image = 'https://www.einkaufsbahnhof.de/wp-content/uploads/2018/03/rossmann_logo_schreibschrift.png';
        entry.kategorie = 'Drogerie';}
      else if (einkaufsort == 'Müller') {
        entry.image = 'https://www.e-einz.de/wp-content/uploads/2017/02/Mueller.png';
        entry.kategorie = 'Drogerie';}
      else if (einkaufsort == 'OBI') {
        entry.image = 'https://media.aubi-plus.com/files/premiumprofil/logo/35d8961-obi.jpg';
        entry.kategorie = 'Baumarkt';}
      else if (einkaufsort == 'Dehner') {
        entry.image = 'https://upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Dehner.svg/1200px-Dehner.svg.png';
        entry.kategorie = 'Garten-Center';}
      else if (einkaufsort == 'Hornbach') {
        entry.image = 'https://www.luvshopping.de/-/media/images/b2c/germany/lubeck/logo-stores/hornbach.jpg?h=442&la=de-DE&mw=650&w=650&hash=C6C36C2C1536745108FF620D3B9CD7E4864A9308';
        entry.kategorie = 'Baumarkt';}
      else {
        entry.image = 'https://previews.123rf.com/images/krisdog/krisdog1312/krisdog131200065/24639132-ein-beispiel-f%C3%BCr-ein-einkaufswagen-oder-einkaufswagen-symbol.jpg';
        if(kategorie === '')
        entry.kategorie = 'Unbekannt';
        else {
          entry.kategorie = kategorie;
        }
      };
      if (position == '' || Number(position) >= this.entries.length){
        entry.position = this.entries.length;
        this.entries.push(entry);
      }
      else {
        entry.position = Number(position)-1;
        this.entries.splice(Number(position)-1, 0, entry);
        this.entries.forEach(function(part,index,theArray) {
          theArray[index].position = index;
        })
      }




    }
  }


  deleteAllEntries() {
    console.log(this.entries.length);
    const index: number = this.entries.length;
    if (index !== -1) {
      this.entries = this.entries.splice(index, 1);
    }
  }
  deleteLastEntry() {
    console.log(this.entries.length);
    const index: number = this.entries.length;
    if (index !== -1) {
      this.entries.splice(index-1, 1);
    }
  }

  deleteEntry(str: string)
  {
    const index = Number(str) - 1;
    this.entries.splice(index,1)

    this.entries.forEach(function(part,index,theArray) {
      theArray[index].position = index;
    })
  }


  ngOnInit(): void {
  }

}