// Angular Core
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';

import { OnboardingTourStepsModalComponent } from './onboarding-tour-steps-modal/onboarding-tour-steps-modal.component';

import { NgbModal, NgbModalConfig, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';

@Component({
  standalone: false,
  selector: 'app-onboarding-tour',
  templateUrl: './onboarding-tour.component.html',
  styleUrls: ['./onboarding-tour.component.scss']
})
export class OnboardingTourComponent implements OnInit {
    constructor(
      private modalService: NgbModal,
      private ngbModalconfig: NgbModalConfig,
      private router: Router
    ) { 
        this.ngbModalconfig.backdrop = 'static';
        this.ngbModalconfig.keyboard = false;
    }

    ngOnInit(): void {
        this.showOnboardingStepsModal();
    }
    
    /**
     * Opens the onboard steps modal
     */
    onboardStepsModal!: NgbModalRef
    showOnboardingStepsModal() {
        this.onboardStepsModal = this.modalService.open(OnboardingTourStepsModalComponent,{size: 'lg'});
        this.onboardStepsModal.componentInstance.onboardStepsModal = this.onboardStepsModal;

        this.onboardStepsModal.componentInstance.closeOnboardStepsModal = () => {
           this.router.navigate(['/market/home']);
           this.onboardStepsModal.dismiss();
        };
    };
}