import { Component, Injector, OnInit, ViewChild, ViewEncapsulation, Input, ViewChildren } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { AppConsts } from '@shared/AppConsts';
import { appModuleAnimation } from '@shared/animations/routerTransition';
import { AppComponentBase } from '@shared/common/app-component-base';
import { UnassignedPackageServiceProxy } 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, filter } from 'rxjs/operators';
import * as _ from 'lodash';
import { AssignedToDriverModalComponent } from '../assigned-to-driver/assigned-to-driver-modal.component';
import { Location } from '@angular/common';
@Component({
    selector: 'viewUnassignedStops',
    templateUrl: './view-unassigned-stops.component.html',
    encapsulation: ViewEncapsulation.None,
    // styleUrls: ['./kpi-box.component.less'],
    animations: [appModuleAnimation()],
    providers: [UnassignedPackageServiceProxy]
})

export class ViewUnassignedStopsComponent extends AppComponentBase implements OnInit {
    @ViewChild('dataTable', { static: true }) dataTable: Table;
    @ViewChild('paginator', { static: true }) paginator: Paginator;
    @ViewChild('assignedToDriverModal', { static: true }) assignedToDriverModal: AssignedToDriverModalComponent;
    @Input() filters: {
        locationFilter: number;
        startDate: Date;
        endDate: Date;
    };
    active: boolean = false;

    locationFilter: number;
    startDate: Date;
    event: this;
    routeIds = [];
    routeId: any;
    unassignedDetails: any;
    filterTxt: string;
    alreadyAssigned: boolean;
    constructor(
        injector: Injector,
        private _unassignedList: UnassignedPackageServiceProxy,
        private activatedRoute: ActivatedRoute,
        private _location: Location,
    ) {
        super(injector);
    }

    ngOnInit(): void {
        this.activatedRoute.paramMap.subscribe(params => {
            this.routeId = params.get("routeId");
            this.locationFilter = +params.get("location");
        });
    }

    getUnassignedOrders(event?: LazyLoadEvent): void {
        if (this.primengTableHelper.shouldResetPaging(event)) {
            this.paginator.changePage(0);
            return;
        }
        this.spinnerService.show();
        this._unassignedList.getUnassignedOrders(
            this.routeId,
            this.primengTableHelper.getSorting(this.dataTable),
            this.primengTableHelper.getSkipCount(this.paginator, event),
            this.primengTableHelper.getMaxResultCount(this.paginator, event)
        ).subscribe(result => {
            if (result.items == undefined) {
                this.primengTableHelper.totalRecordsCount = 0;
                this.primengTableHelper.records = undefined;
                this.alreadyAssigned = true;
                this.spinnerService.hide();
            } else {
                this.primengTableHelper.totalRecordsCount = result.totalCount;
                this.primengTableHelper.records = result.items;
                this.alreadyAssigned = false;
                this.spinnerService.hide();
            }
            console.log(result.items)
        });
    }

    goBack() {
        this._location.back();
    }

}