import { Component, Injector, OnInit, ViewChild, ViewEncapsulation, Input } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { AppConsts } from '@shared/AppConsts';
import { appModuleAnimation } from '@shared/animations/routerTransition';
import { AppComponentBase } from '@shared/common/app-component-base';
import { RouteListDto, RouteServiceProxy } from '@shared/service-proxies/service-proxies';

import * as moment from 'moment';
import { LazyLoadEvent } from 'primeng/components/common/lazyloadevent';
import { Paginator } from 'primeng/components/paginator/paginator';
import { Table } from 'primeng/components/table/table';
import { HttpClient } from '@angular/common/http';
import { finalize } from 'rxjs/operators';
import { Subscription }  from 'rxjs';
import { ControllerRoutesService } from '@app/sprintship/controller/routes/croutes.service';
@Component({
	selector: 'kpi-box',
    templateUrl: './kpi-box.component.html',
    encapsulation: ViewEncapsulation.None,
    styleUrls: ['./kpi-box.component.less'],
    animations: [appModuleAnimation()]
})

export class KPIBoxComponent extends AppComponentBase implements OnInit {
    hide : boolean;
    @Input('statistics') statistics: {
        total_vehicles: number,
        total_packages: number
    };
    @Input ('total_packages') total_packages: number;
    @Input ('total_vehicles') total_vehicles: number;
    subscription: Subscription;
	constructor(
        injector: Injector,
        private _routeService: RouteServiceProxy,
        private _cRoutesService: ControllerRoutesService
    ) {
        super(injector);
        var that = this;
        this.subscription = _cRoutesService.setStatisticsObj.subscribe(details=> {
            console.log('RECEIVED');
            console.log(details);
            that.total_packages = details.total_packages;
            that.total_vehicles = details.total_vehicles;
        });
    }

    ngOnInit(): void {
        // this.total_packages = this.statistics.total_packages;
    }

    
}