import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router'
import { CompService } from '@services'
import { NgxIzitoastService } from 'ngx-izitoast';
import { SearchPipe } from '../search.pipe'
@Component({
    selector: 'app-header',
    templateUrl: './header.component.html',
    styleUrls: ['./header.component.css']
})
export class HeaderComponent implements OnInit {
    public edit: any = {}
    public add: boolean = false
    public comp: any = {}
    public properties = ['videoCard', 'CPU', 'motherboard', 'RAM']
    constructor(
        public pc: CompService,
        public alert: NgxIzitoastService
        ) {}
    update(id) {
        this.edit._id = id
        this.pc.update(this.edit)
    }
    delete(item) {
        this.alert.question({
            backgroundColor: 'white',
            title: 'Ви впевнені?',
            message: '',
            buttons: [
            ['<button>Так</button>', (instance, toast) => {
                this.pc.delete(item)
                instance.hide({ transitionOut: 'fadeOut' }, toast, 'button');
            }, true],
            ['<button>Ні</button>', function (instance, toast) {
                instance.hide({ transitionOut: 'fadeOut' }, toast, 'button');
            }]
            ]
        })
    }
    ngOnInit(): void {
    }
}