import { Location } from '@angular/common';

import { Component, forwardRef, OnInit } from '@angular/core';

import { Directive, Input, NgModule } from '@angular/core';

import { WizardStepService, WizardStepServiceData } from '../wizardstep.service';

import { Observable } from 'rxjs/Observable';

import { slideToLeft, StepBaseComponent } from '../wizard.basestep.component';
import { StepOneModel } from './wizardstepone.model';

import 'web-animations-js';

@Component({
    selector: 'knk-step-one',
    templateUrl: './wizardstepone.component.html',
    styleUrls: ['./wizardstepone.component.scss'],
    providers: [
        {provide: WizardStepService, useExisting: StepOneComponent } // forwardRef(() => StepOneComponent)
    ],
    animations: [slideToLeft()]
})
export class StepOneComponent extends StepBaseComponent {
    exchange: boolean[] = [false, false, false, true, false, false, false, false];

    constructor() {
        super(new StepOneModel());
        this.currStepName = ['CURRENCY'];
    }

    checkExchange(index: number): void {
        this.exchange[index] = !this.exchange[index];
    }
}
