import { Component, inject, OnInit } from '@angular/core';
import { IconModule } from '../../../icon/icon.module';
import { MaterialModule } from '../../../material.module';
import { cardimgs } from '../front-pagesData';
import { FooterComponent } from '../footer/footer.component';
import { Router } from '@angular/router';
import { FrontEndService } from '../../../services/apps/front-pages/front-end.service';

@Component({
  selector: 'app-blog',
  imports: [IconModule, MaterialModule, FooterComponent,],
  templateUrl: './blog.component.html',
  styleUrl: './blog.component.scss'
})
export class BlogComponent implements OnInit {

  private router = inject(Router);
  private frontendService = inject(FrontEndService);
  cardimgs = cardimgs;

  ngOnInit() {
    console.log(cardimgs, 'cardimgs');
  }

  getNavigate(cardimg: any) {
    console.log('cardimg--->', cardimg);
    this.frontendService.setBlog(cardimg);
    this.router.navigate(['front-pages/blog-details'])

  }

}