import { Component } from '@angular/core';
import { OpenPanelTrackDirective } from '@core/directives/openpanel.directive';
import { ButtonComponent } from '@shared/ui/button/button.component';

interface PricingTier {
  id: string;
  name: string;
  price: string;
  priceNote: string;
  description: string;
  features: string[];
  cta: string;
  highlighted: boolean;
}

@Component({
  selector: 'app-pricing',
  imports: [OpenPanelTrackDirective, ButtonComponent],
  templateUrl: './pricing.component.html',
  styleUrl: './pricing.component.scss',
})
export class PricingComponent {
  tiers: PricingTier[] = [
    {
      id: 'starter',
      name: 'Starter',
      price: '799 €',
      priceNote: 'einmalig zzgl. MwSt.',
      description: 'Ideal für Handwerker und Vereine mit klarem Fokus auf eine starke Online-Präsenz.',
      features: [
        '1-Pager / Landingpage',
        'Individuelles Design',
        'Suchmaschinenoptimierung (SEO)',
        'Kontaktformular',
        'Cookie-Banner & Datenschutz',
        '12 Monate Hosting inklusive',
      ],
      cta: 'Jetzt anfragen',
      highlighted: false,
    },
    {
      id: 'business',
      name: 'Business',
      price: '1.499 €',
      priceNote: 'einmalig zzgl. MwSt.',
      description: 'Für Unternehmen, die mehr wollen: mehrere Seiten, eigenes CMS-Portal und Analysen.',
      features: [
        'Mehrseiter (bis 5 Seiten)',
        'Alles aus Starter',
        'Verwaltungsportal (CMS)',
        'Blog / Neuigkeiten',
        'Performance-Analyse',
        'Prioritäts-Support',
      ],
      cta: 'Jetzt anfragen',
      highlighted: true,
    },
    {
      id: 'individual',
      name: 'Individual',
      price: 'Auf Anfrage',
      priceNote: 'individuelles Angebot',
      description: 'Shops, Web-Applikationen, API-Anbindungen – wir setzen komplexe Projekte um.',
      features: [
        'Online-Shops',
        'Web-Applikationen',
        'API-Integration',
        'Individuelle Funktionen',
        'Langfristige Betreuung',
        'Auf Ihre Bedürfnisse zugeschnitten',
      ],
      cta: 'Kontakt aufnehmen',
      highlighted: false,
    },
  ];
}
