import { Component, EventEmitter, Input, Output } from '@angular/core';
import { AngularSvgIconModule } from 'angular-svg-icon';

// Components
import { CaLoadStatusComponent } from '../ca-load-status/ca-load-status.component';

// Routes
import { SharedSvgRoutes } from '../../utils/svg-routes';

// Models
import { LoadPossibleStatusesResponse } from '../../models/load/load-possible-statuses-response.model';
import { LoadStatusResponse } from '../../models/load/load-status-response.model';

@Component({
    selector: 'app-ca-status-change-dropdown',
    templateUrl: './ca-status-change-dropdown.component.html',
    styleUrls: ['./ca-status-change-dropdown.component.scss'],
    imports: [
        // Modules
        AngularSvgIconModule,
        // Components
        CaLoadStatusComponent,
    ]
})
export class CaStatusChangeDropdownComponent {
    @Input() statuses?: LoadPossibleStatusesResponse;
    @Input() width?: number;
    @Input() isDispatchStatus!: boolean;
    @Input() currentStatus?: LoadStatusResponse;
    @Input() currentStatusTime!: string;

    @Output() onNextStatus = new EventEmitter<LoadStatusResponse>();
    @Output() onPreviousStatus = new EventEmitter<LoadStatusResponse>();

    public sharedSvgRoutes = SharedSvgRoutes;

    constructor() {}

    public onNextStatusEvent(status: LoadStatusResponse): void {
        this.onNextStatus.emit(status);
    }

    public onPreviousStatusEvent(status?: LoadStatusResponse): void {
        this.onPreviousStatus.emit(status);
    }
}