import { NgFor, NgIf } from '@angular/common';
import { Component,  CUSTOM_ELEMENTS_SCHEMA, ViewChild } from '@angular/core';

@Component({
  selector: 'reviews',
  standalone: true,
  imports: [NgFor, NgIf],
  templateUrl: './reviews.component.html',
  styleUrl: './reviews.component.scss',
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
})

export class ReviewsComponent {
  img?:string|null;
  num = 0;
  init?:boolean;

  @ViewChild('mobileText') mobileText;
  @ViewChild('mobileSwiper') mobileSwiper;
  @ViewChild('desktopSwiper') desktopSwiper;


  public config = {
    slidesPerView: 2,
    initialSlide: 1,
    spaceBetween: 30,
    centeredSlides: false,
    loop: true,
    pagination:{
      enabled: true,
      type: 'fraction',
      el:'.reviews-navigation-counter'
    },
    navigation: {
      nextEl: '.reviews-button-next',
      prevEl: '.reviews-button-prev',
    },
    keyboard: true,
    mousewheel: true
  };

  public mobileConfig = {
    slidesPerView: 1,
    initialSlide: 0,
    spaceBetween: 30,
    centeredSlides: false,
    loop: true,
    pagination:{
      enabled: true,
      type: 'fraction',
      el:'.reviews-navigation-counter'
    },
    navigation: {
      nextEl: '.reviews-button-next',
      prevEl: '.reviews-button-prev',
    },
    keyboard: true,
    mousewheel: true,
    speed:500,
    autoplay: {
      delay: 2500,
      disableOnInteraction: true,
    },
  };

  onSwiperInit(){
    this.mobileText?.swiperRef?.slideTo(1);
    this.init = true
  }

  onSlideChange(event:any) {
    setTimeout(
      ()=>this.mobileText.nativeElement.swiper.slideTo(event.detail[0].realIndex),300
    );
  }

  select(img:string){
    this.img = img;
  }

  reviews = [
    {
      img:'assets/img/reviews/review-01.jpg',
      header:'Технический комитет по стандартизации ТК 023 «Нефтяная и газовая промышленность»',
      txt: 'Разработанный совместными силами ЧУ СЦ «ВНИИГАЗ-Сертификат», ООО «Газпром ВНИИГАЗ» и Вашего Общества и внедренный в практическую деятельность технического комитета по стандартизации ТК 023 «Нефтяная и газовая промышленность» Интернет-портал ТК 023 содействует достижению целей ТК 023 при разработке проектов национальных, межгосударственных стандартов, предварительных национальных стандартов и изменений к ним, а также выполнения других работ по стандартизации в соответствии с ГОСТ Р 1.- 2020.',
      name: 'Елфимов А.В.',
      post: 'Ответственный секретарь TK 023/MT 523'
    },
    {
      img:'assets/img/reviews/review-02.jpg',
      header:'ЧУ «Сертификационный Центр «ВНИИГАЗ-Сертификат»',
      txt: 'Ваш профессионализм, тщательное планирование и техническое мастерство отразились в качестве разработанной системы. Благодаря вашей работе, наша организация теперь обладает эффективным и современным инструментом, который значительно улучшает наши рабочие процессы и способствует повышению производительности.',
      name: 'Гоготишвили Д.М.',
      post: 'Генеральный директор ЧУ СЦ «ВНИИГАЗ – Сертификат»'
    },
    {
      img:'assets/img/reviews/review-03.jpg',
      header:'Испытательный центр ООО «Газпром ВНИИГАЗ»',
      txt: 'Мы высоко ценим ваш профессионализм, опыт и знания, которые были вложены в разработку и внедрение этого проекта. Ваше умение находить оптимальные решения и внимание к деталям позволили создать систему, отвечающую самым высоким стандартам качества. Особенно хотелось бы отметить Ваши оперативность в решении возникающих вопросов и открытость к обратной связи.',
      name: 'Солдатов В.А.',
      post: 'Руководитель Испытательного центра «ВНИИГАЗ»'
    },
    {
      img:'assets/img/reviews/review-04.jpg',
      header:'Федеральное Автономное Учреждение «Федеральный Центр нормирования, стандартизации и технической оценки соответствия в строительстве»',
      txt: 'Ваша работа сыграла ключевую роль в улучшении нашего онлайн-присутствия и предоставлении более доступной и информативной платформы для наших клиентов и партнёров. Профессионализм команды ООО «НИР», творческий подход и внимание к деталям помогли реализовать проект, который полностью оправдал наши ожидания. Мы особенно ценим Вашу готовность работать в тесном сотрудничества с нашей командой, чтобы обеспечить точное отражение наших ценностей и целей.',
      name: 'Копытин А.В.',
      post: 'Директор ФАУ «ФЦС»'
    },
    ]

  
}
