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 { OrderServiceProxy, OrderListDto } 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: 'order-tab',
    templateUrl: './order-list.component.html',
    styleUrls: ['./order-list.component.less'],
    encapsulation: ViewEncapsulation.None,
    animations: [appModuleAnimation()],
    providers: [OrderServiceProxy]
})

export class OrderListTabComponent extends AppComponentBase  implements OnInit{
    @ViewChild('dataTable', {static: true}) dataTable: Table;
    @ViewChild('paginator', {static: true}) paginator: Paginator;
    @Input() filters: {
        locationFilter : number;
        startDate: Date;
        endDate: Date
    } = < any > {};
    filterText: string;

    filterId:number
    filterRouteId: string;
    filterOrderTag: any
    filterOrderAccountNumber: any

    advancedFiltersAreShown:boolean = false;



  @Input('edition') edition: string; 
  constructor(
        injector: Injector,
        private _orderAppService: OrderServiceProxy
        
    ) {
        super(injector);
    }

    ngOnInit(): void {
        //console.log(this.edition);
    
    }
  
    getOrder(event?: LazyLoadEvent): void
    {
 
        console.log('orders')
        if (this.primengTableHelper.shouldResetPaging(event)) {
            this.paginator.changePage(0);
            return;
        }
        let timeId = localStorage.getItem('timeZoneId');
        moment.tz.setDefault(timeId);
        //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(this.filters.endDate).format('YYYY-MM-DD');

        //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();
        //alert(this.filters.startDate);         
         //console.log(this.filters.locationFilter);
         this._orderAppService.getOrderList(
            this.filterId,
            this.filterText,
            undefined,
            this.filters.locationFilter,
            this.filterRouteId,
            this.filterOrderTag,
            this.filterOrderAccountNumber,
            moment.tz(localStorage.getItem('loadDate'), timeId),
            this.primengTableHelper.getSorting(this.dataTable),
            this.primengTableHelper.getSkipCount(this.paginator, event),
            this.primengTableHelper.getMaxResultCount(this.paginator, event)    
        ).pipe(finalize(() => this.spinnerService.hide())).subscribe(result => {
            // console.log(" orig date " + moment(this.filters.endDate).format("MM/DD//YYYY h"))
            // console.log("hello Date"+moment.utc(this.filters.endDate).format("MM/DD//YYYY h"))
            // console.log("follow date"+ moment.utc(result.items[0]['pickUpEtaStart']).format("MM/DD//YYYY"))

            this.primengTableHelper.totalRecordsCount = result.totalCount;
            this.primengTableHelper.records = result.items;
            this.spinnerService.hide();
        });  
    }
}