import { ChangeDetectionStrategy, Component, input } from '@angular/core';
import {
  PiDividerComponent,
  PiTextColorDirective,
  PiTextSmallDirective,
} from '@pi/ui';

import type { Copy } from '../core/copy';

@Component({
  selector: 'app-site-footer',
  changeDetection: ChangeDetectionStrategy.OnPush,
  imports: [PiDividerComponent, PiTextSmallDirective, PiTextColorDirective],
  styleUrl: './site-footer.scss',
  template: `
    <footer class="landing-footer">
      <div class="landing-shell">
        <pi-divider color="grey" width="large" />
        <div class="landing-footer__row">
          <p s pi-color color="grey">© {{ year }} Pireon. {{ copy().footer.rights }}</p>
          <p s pi-color color="grey">
            {{ copy().footer.built }}
            <a
              href="https://landing-api.pireon.dev/docs/api"
              target="_blank"
              rel="noopener noreferrer"
              >API ↗</a
            >
          </p>
        </div>
      </div>
    </footer>
  `,
})
export class SiteFooter {
  readonly copy = input.required<Copy>();

  protected readonly year = new Date().getFullYear();
}