import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
import { animate, state, style, transition, trigger } from '@angular/animations';
import { RouterLink } from '@angular/router';
import { MainLayoutComponent } from '@/shared/layout/main-layout/main-layout.component';
import { ButtonDirective } from '@/shared/ui/button.directive';

interface FaqItem {
	id: number;
	question: string;
	answer: string;
	isOpen: boolean;
}

@Component({
	standalone: true,
	imports: [MainLayoutComponent, RouterLink, ButtonDirective],
	selector: 'app-faq',
	templateUrl: './faq.component.html',
	styleUrls: ['./faq.component.scss'],
	changeDetection: ChangeDetectionStrategy.OnPush,
	animations: [
		trigger('expandCollapse', [
			state('collapsed', style({ height: '0px', overflow: 'hidden' })),
			state('expanded', style({ height: '*', overflow: 'hidden' })),
			transition('collapsed <=> expanded', animate('300ms ease-in-out')),
		]),
	],
})
export default class FaqComponent {
	faqItems = signal<FaqItem[]>([
		{
			id: 1,
			question: '¿Cuál es la vigencia de la dinámica?',
			answer:
				'Del 15 de agosto al 15 de octubre de 2025 a las 23:59 hrs (hora del centro de México).',
			isOpen: false,
		},
		{
			id: 2,
			question: '¿Quiénes pueden participar?',
			answer:
				'Cualquier persona mayor de 18 años con residencia legal en México.\n\nNo pueden participar:\n- Menores de edad.\n- Personas que residan fuera de México.\n- Empleados o familiares directos del Organizador o agencias relacionadas.',
			isOpen: false,
		},
		{
			id: 3,
			question: '¿Cómo participo?',
			answer:
				'1. Compra mínimo 2 prendas S+ Active de Scappino para Oracle Red Bull Racing (tienda física o en línea).\n2. Registra tus datos en experienciascappino.com para poder participar.\n3. Registra tu ticket de compra en experienciascappino.com.\n4. Cada 2 prendas compradas te da una oportunidad de participar.\n5. Una vez cumplidos los requisitos, da clic en "Jugar ahora".\n6. Responde 5 preguntas aleatorias.\n7. Tu puntuación dependerá de respuestas correctas y tiempo de respuesta.',
			isOpen: false,
		},
		{
			id: 4,
			question: '¿Qué tipo de comprobantes son válidos?',
			answer:
				'Solo tickets de compra (en tienda física y virtual). No se aceptan facturas ni comprobantes de otro tipo.',
			isOpen: false,
		},
		{
			id: 5,
			question: '¿Puedo participar varias veces?',
			answer:
				'Sí. Cada 2 prendas S+ Active de Scappino para Oracle Red Bull Racing te da una nueva oportunidad.\n\nSolo se tomará en cuenta tu mejor puntuación.',
			isOpen: false,
		},
		{
			id: 6,
			question: '¿Qué premios hay?',
			answer:
				'- 1er lugar: 2 boletos ubicados en la zona SKY BOX G10, con valor de $64,960.00 (sesenta y cuatro mil novecientos sesenta pesos 00/100 M.N.) cada uno ($129,920.00 (ciento veintinueve mil veinte pesos 00/100 M.N.) en total). Cada acceso a la zona SKY BOX G10 incluye bebidas y alimentos (desayuno, snacks y comida) dentro del Speed Lounge Zona Amarilla, en un horario de 09:00 a 17:00 horas, durante los tres (3) días del evento. Asimismo, se otorgará un (1) pase de estacionamiento para vehículo o camioneta compacta por cada box, una (1) gorra conmemorativa y una (1) playera tipo polo de la colección S+ Active por cada acceso otorgado. Con un valor de $1,990.00 (mil novecientos noventa pesos 00/100 M.N.)\n- 2do lugar: 2 boletos ubicados en la GRADA 11, con valor de $26,448.00 (veintiséis mil cuatrocientos cuarenta y ocho pesos 00/100 M.N.) cada uno ($52,896.00 (cincuenta y dos mil ochocientos noventa y seis pesos 00/100 M.N.) en total) + 1 playera tipo polo S+ Active ORBR. Con un valor de $1,990.00 (mil novecientos noventa pesos pesos 00/100 M.N.)\n- 3er lugar: 1 OUTFIT S+ Active ORBR con valor aproximado de $10,000.00  (Diez mil pesos 00/100 M.N.)\n- 4to lugar: 1 OUTFIT S+ Active ORBR con valor aproximado de $10,000.00 (Diez mil pesos 00/100 M.N.)\n- 5to lugar: 1 OUTFIT S+ Active ORBR con valor aproximado de $10,000.00  (Diez mil pesos 00/100 M.N.)',
			isOpen: false,
		},
		{
			id: 7,
			question: '¿Incluyen transporte, hospedaje u otros gastos?',
			answer:
				'No. Los premios no incluyen traslados, vuelos, hospedaje ni viáticos.\n\nEl ganador deberá cubrir todos los gastos relacionados para asistir al evento.',
			isOpen: false,
		},
		{
			id: 8,
			question: '¿Cómo se notificará a los ganadores?',
			answer:
				'Por correo electrónico que dejaron registrado se les notificará el 18 de octubre de 2025.\n\nTendrás 72 horas para responder y aceptar tu premio. En caso de no emitir su respuesta en el plazo señalado, se seleccionará al siguiente participante con mejor puntuación.',
			isOpen: false,
		},
		{
			id: 9,
			question: '¿Cómo se entregan los premios?',
			answer:
				'El Organizador coordinará la entrega directamente vía correo registrado. Se solicitará una identificación oficial.',
			isOpen: false,
		},
		{
			id: 10,
			question: '¿Qué pasa con mis datos personales?',
			answer:
				'Se utilizarán exclusivamente para fines relacionados con esta dinámica, conforme al Aviso de Privacidad.',
			isOpen: false,
		},
		{
			id: 11,
			question: '¿Es un sorteo?',
			answer:
				'No. Esta no es una rifa ni tómbola. Los ganadores se eligen con base en destreza y rapidez al responder las preguntas.',
			isOpen: false,
		},
		{
			id: 12,
			question: '¿Hay algo más que deba saber?',
			answer:
				'Sí:\n- Solo se otorga un premio por participante.\n- El evento automovilístico no está afiliado a Scappino.\n- El Organizador no se hace responsable por fallas técnicas, retrasos, pérdidas, cambios en el evento, cancelación del evento o mal uso del premio.',
			isOpen: false,
		},
	]);

	toggleFaq(id: number): void {
		this.faqItems.update((items) =>
			items.map((item) => (item.id === id ? { ...item, isOpen: !item.isOpen } : item))
		);
	}
}