import { NO_MARGIN, TalyPageDataService } from '@allianz/taly-core';
import { Component, HostBinding, Input, OnInit, inject } from '@angular/core';
import { Observable } from 'rxjs';

@Component({
  selector: 'frame-offer-code',
  templateUrl: './offer-code.component.html',
  styleUrls: ['./offer-code.component.scss'],
  standalone: false
})
export class OfferCodeComponent implements OnInit {
  private readonly talyPageDataService = inject(TalyPageDataService);

  @Input() offerCode$!: Observable<string | undefined>;
  @Input() hasFooter = false;
  @Input() hasSmallPrint = false;
  pageId$!: Observable<string>;

  hasMargin = !inject(NO_MARGIN);

  @HostBinding('class.no-spacing')
  get shouldRemoveSpacing() {
    return !this.hasSmallPrint && !this.hasFooter && !this.hasMargin;
  }

  ngOnInit(): void {
    this.pageId$ = this.talyPageDataService.pageId$;
  }
}