import {Component} from '@angular/core';
import {ActivatedRoute, Router} from '@angular/router';
import {Title} from '@angular/platform-browser';
import {initialEntries} from './initialEntries';
import {BlogEntry} from './blog-entry/blog-entry';

@Component({
  selector: 'blog',
  templateUrl: 'blog.component.html',
  styleUrls: ['blog.component.css']
})

export class BlogComponent {

  entries: BlogEntry[];

  id: number = 0;

  constructor(r: ActivatedRoute, private router: Router, private titleService: Title) {
    this.entries = initialEntries;
    this.entries.forEach((entry)=> {
      entry.createdAt = new Date()
      if (this.id < entry.id) {
        this.id = entry.id;
      }
    });
  }

  createBlogEntry(title:string, image:string, text:string) {
    this.id++;
    console.log(this.id, title, image, text);
    let entry = new BlogEntry();
    entry.id = this.id;
    entry.title = title;
    entry.image = image;
    entry.text = text;
    entry.createdAt = new Date();
    console.log(this.entries);

    this.entries.push(entry);
  }

  deleteBlogEntry(id:number) {
    let entryIndex = this.entries.findIndex(entry => entry.id === id);
    if (entryIndex >= 0) {
      this.entries.splice(entryIndex, 1);
    }
  }

}