import { Component, EventEmitter, Injector, ViewChild, Output, Input } from '@angular/core';
import { AppComponentBase } from '@shared/common/app-component-base';
import { VehicleListDto } from '@shared/service-proxies/service-proxies';
import { ModalDirective } from 'ngx-bootstrap';
import { PrimengTableHelper } from 'shared/helpers/PrimengTableHelper';
import { finalize } from 'rxjs/operators';
import * as jquery from 'jquery';
import * as moment from 'moment';


@Component({
    templateUrl: './view-vehicle-modal.component.html',
    selector: 'viewVehicleModal',
 

})
export class ViewVehicleModalComponent extends AppComponentBase {

   @ViewChild('viewVehicle', {static: true }) modal: ModalDirective;
  

    active = false;
    hide: boolean = false;
    txtFilter: any;

    item: VehicleListDto;

    driverName : string;
    vehicleName : string;
    licenseNumber : string;
    licenseState : string;
    vehicleMarker : string;
    vehicleType: string;
    description: string;
    acquisitionDate: string;
    temporaryVehicle: boolean;
    mileageMultiplier: number;


    @Input('inputs') inputs: {
        locationId: number;
        loadDate: any;
    } = <any>{};

    constructor(
        injector: Injector,

    
    ) {
        super(injector);
   
    }

    ngOnInit(){


     
    }



    show(item: VehicleListDto) {
        console.log(item);
        this.item = item;
        this.vehicleName = item.name;
        this.driverName = item.user==undefined ? 'n/a' : item.user.name + " " + item.user.surname;
        this.licenseNumber = item.licenseNumber;
        this.licenseState = item.licenseState;
        this.vehicleType = item.vehicleType==undefined ?  "n/a" : item.vehicleType.description;
        this.description = item.description==null? "n/a" : item.description;
        this.temporaryVehicle = item.temporaryVehicle;
        this.acquisitionDate = item.acquisitionDate == null ? "n/a" : moment.utc(item.acquisitionDate).format('YYYY-MM-DD');
        $("#showColor").css("color" , item.color );
        this.active = true;
        this.modal.show();
    }


    onShown(): void {
        $('.kt-select2').select2();
    }

   

    close(): void {
        this.active = false;
        this.modal.hide();
    }


    
}