import { Component, Injector, OnInit, ViewChild, ViewEncapsulation, Input, ViewChildren } 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 { ControllerDriverListDto, ControllerDriverListServiceProxy} 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';

@Component({
	selector: 'driver-tab',
    templateUrl: './driver-list.component.html',
    encapsulation: ViewEncapsulation.None,
   // styleUrls: ['./kpi-box.component.less'],
    animations: [appModuleAnimation()],
    providers: [ControllerDriverListServiceProxy]
})

export class DriverListTabComponent extends AppComponentBase  implements OnInit{
    @ViewChild('dataTable', {static: true}) dataTable: Table;
    @ViewChild('paginator', {static: true}) paginator: Paginator;
    @Input() filters: {
        locationFilter : number;
        startDate: Date;
        endDate: Date;
    };
    driverName: string;
    driverIds: any;


	constructor(
        injector: Injector,
        private _driverListService: ControllerDriverListServiceProxy
        
    ) {
        super(injector);
    }

    ngOnInit(): void {
    
    }
  
    getDriverList(event: LazyLoadEvent): void
    {
        var key;
        this.driverIds = [];
        
        if (this.primengTableHelper.shouldResetPaging(event)) {
            this.paginator.changePage(0);
            return;
        }
        
        this.filters.startDate = new Date(this.filters.startDate.toString());
        this.filters.endDate = new Date(this.filters.endDate.toString());
        let startDate = moment(moment(this.filters.startDate).format('YYYY-MM-DD HH:mm:ss'));
        let endDate = moment(moment(this.filters.endDate).format('YYYY-MM-DD HH:mm:ss'));

        let startDateA = startDate['_i'].split(' ');
        startDateA = startDateA[0] + ' ' + '00:00:00';

        let endDateA = endDate['_i'].split(' ');
        endDateA = endDateA[0] + ' ' + '23:59:59';
    
        this.spinnerService.show();
       
        this._driverListService.getControllerDriverList(
            this.filters.locationFilter,
            moment.utc(moment(startDateA).toISOString()),
            moment.utc(moment(endDateA).toISOString()),
            undefined,
            this.driverName,
            undefined,
            this.primengTableHelper.getSorting(this.dataTable),
            this.primengTableHelper.getMaxResultCount(this.paginator, event),
            this.primengTableHelper.getSkipCount(this.paginator, event)

        ).pipe(finalize(() => this.spinnerService.hide())).subscribe(result => {
         
            for (key in result.items)
            {
                this.driverIds.push(result.items[key].userId);
            }
            this.primengTableHelper.totalRecordsCount = result.totalCount;
            this.primengTableHelper.records = result.items;
            this._driverListService
                .getControllerDriverRouteCount(this.driverIds)
                .subscribe(routeResult => 
                {
                    if(routeResult !== null)
                    {
                        if(Object.keys(routeResult).length > 0)
                        {
                            for (key in routeResult)
                            {   
                                
                                $('#driver' + routeResult[key].driverId).html(routeResult[key].routeCount.toString());
                                
                            }
                        } 
                    } 
                });
            this.spinnerService.hide();
        });
    }

    
}