import { Component } from '@angular/core';
import { SEOService } from '../_services/seo.service';
import { RequestComponent } from '../request/request.component';
import { ReviewsComponent } from '../reviews/reviews.component';
import { NgFor } from '@angular/common';

@Component({
  selector: 'about',
  standalone: true,
  imports: [NgFor, RequestComponent, ReviewsComponent],
  templateUrl: './about.component.html',
  styleUrl: './about.component.scss'
})
export class AboutComponent {


  constructor(private seo:SEOService){}

  public act: number = 1;

  public menu = [
    {
      number: 1,
      header:'Знакомство',
      caption:'Мы встречаемся с Вами, обсуждаем задачи, визуализируем процессы и готовим КП',
      timing:'2 недели'
    },
    {
      number: 2,
      header:'Погружение в детали',
      caption:'Составление ТЗ и договора, согласование и подписание',
      timing:'1–2 недели'
    },
    {
      number: 3,
      header:'Внутренние работы',
      caption:'Нашу работу не видно. Проектирование и создание архитектуры системы, оцифровка процессов, создание технического интерфейса.',
      timing:'4–10 недель'
    },
    {
      number: 4,
      header:'Внешние работы',
      caption:'Нашу работу уже можно посмотреть. Создание пользовательского интерфейса, предоставление системы для тестирования, внесение правок после теста.',
      timing:'2–5 недель'
    },
    {
      number: 5,
      header:'Завершение работ',
      caption:'Сдаем готовый продукт, помогаем с его вводом в эксплуатацию, отвечаем на возникающие вопросы',
      timing:'до 2 недель'
    },
  ]

  select(i:number){
    if (i==this.act) {
      this.act = 0
    } else {
      this.act = i
    }
  }

  hide(i:number){
    return i!=this.act
  }
}
