import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
import { RouterLink } from '@angular/router';
import { PageShellComponent } from '../../core/layout/page-shell.component';
import { SeoService } from '../../core/services/seo.service';
import { MAIN_NAVIGATION } from '../../shared/config/navigation.config';

@Component({
  selector: 'app-contact-page',
  standalone: true,
  imports: [PageShellComponent, RouterLink],
  changeDetection: ChangeDetectionStrategy.OnPush,
  template: `
    <app-page-shell [sections]="sections">
      <header class="page-head shell">
        <nav class="breadcrumb" aria-label="Breadcrumb"><a routerLink="/">~/</a><span>contact</span></nav>
        <span class="label">// contact</span>
        <h1>Need a senior engineer who can understand the system before changing it?</h1>
        <p class="lead">Email is the fastest way to reach me. I'm open to senior engineering roles and consulting across Europe.</p>
      </header>

      <section class="section tight shell" aria-label="Contact details">
        <div class="panel contact">
          <div class="contact-actions"><a class="btn btn-accent" href="mailto:amar@dzanan.net">amar&#64;dzanan.net</a><span class="meta">Ljubljana · CET / CEST</span></div>
          <dl class="contact-details">
            <div><dt>email</dt><dd><a href="mailto:amar@dzanan.net">amar&#64;dzanan.net</a></dd></div>
            <div><dt>linkedin</dt><dd><a href="https://www.linkedin.com/in/amardzanan/" target="_blank" rel="noopener">linkedin.com/in/amardzanan</a></dd></div>
            <div><dt>location</dt><dd>Ljubljana, Slovenia — working across Europe</dd></div>
            <div><dt>cv</dt><dd><a routerLink="/cv">cv.pdf →</a></dd></div>
          </dl>
        </div>
      </section>
    </app-page-shell>
  `
})
export class ContactPageComponent {
  readonly sections = MAIN_NAVIGATION;

  constructor() {
    inject(SeoService).update({
      title: 'Contact — Amar Džanan',
      description: 'Get in touch with Amar Džanan, senior full-stack engineer in Ljubljana, for senior engineering roles and consulting across Europe.',
      path: '/contact'
    });
  }
}