---
import {
  norwayArticle,
  norwayCases,
  norwayFeature,
  norwayImages,
  norwayOrganizations,
  norwaySources,
} from "../data/norway";
import BaseLayout from "../layouts/BaseLayout.astro";
import LocaleCopy from "../components/LocaleCopy.astro";
---

<BaseLayout
  title="Norway Desk | Dave Gilligan"
  description="A Norway desk feature on family life, fathers, immigration, and the Article 8 case law surrounding Norway."
>
  <main class="norway-page">
    <section class="container norway-hero">
      <div class="norway-hero__copy">
        <span class="eyebrow"><LocaleCopy copy={norwayFeature.eyebrow} /></span>
        <h1><LocaleCopy copy={norwayFeature.title} /></h1>
        <p class="norway-hero__lede"><LocaleCopy copy={norwayFeature.lede} /></p>

        <div class="norway-hero__actions">
          <a class="button button--dark" href="/articles/norway-april-2026">Read the April article</a>
          <a class="button button--soft" href="#rights-network">Open the rights network</a>
        </div>
      </div>

      <aside class="panel norway-hero__note">
        <div class="capsule__kicker">
          <span>Monthly dispatch</span>
          <span>{norwayArticle.publishedAt.slice(0, 10)}</span>
        </div>
        <h2>{norwayArticle.title}</h2>
        <p><LocaleCopy copy={norwayArticle.excerpt} /></p>
        <p><LocaleCopy copy={norwayFeature.note} /></p>
      </aside>
    </section>

    <section class="container norway-gallery">
      {norwayImages.slice(0, 3).map((image) => (
        <figure class="norway-gallery__figure">
          <img src={image.src} alt={image.alt} loading="lazy" />
          <figcaption>
            <span>{image.credit}</span>
            <a href={image.sourceUrl} target="_blank" rel="noreferrer">{image.sourceLabel}</a>
          </figcaption>
          {image.note && <p class="norway-gallery__note">{image.note}</p>}
        </figure>
      ))}
    </section>

    <section class="container norway-layout">
      <article class="panel norway-story">
        <div class="capsule__kicker">
          <span>Field note</span>
          <span>Family life / fathers / immigrants</span>
        </div>
        <p>
          This Norway desk feature is built around one simple distinction. The advocacy layer comes
          from groups such as Do Better Norge, MannsForum, and F2F, each of which argues that
          Norwegian systems can sideline fathers, devalue contact, and mishandle immigrant-family
          realities. The legal layer comes from Strasbourg, where the European Court of Human Rights
          has repeatedly examined Norway under Article 8.
        </p>
        <p>
          The resulting picture is not a slogan. It is a pattern. The Court has not said every
          Norwegian intervention is unlawful, and it has also declared some applications
          inadmissible or found no violation in some placements. But the official record still shows
          a long-running family-life problem serious enough to deserve a proper desk, not just a
          sidebar.
        </p>
        <a class="button button--dark" href="/articles/norway-april-2026">Open the full article</a>
      </article>

      <aside class="norway-casebook">
        <article class="panel norway-casebook__lead">
          <div class="capsule__kicker">
            <span>Casebook</span>
            <span>Official ECHR sources</span>
          </div>
          <h2>What keeps recurring in the Norway file.</h2>
          <p>
            The recurring themes are low contact, weak reunification work, premature permanence, and
            in some cases insufficient respect for cultural identity.
          </p>
        </article>

        {norwayCases.slice(0, 4).map((item) => (
          <article class="panel norway-casebook__item">
            <span>{item.date}</span>
            <h3>{item.title}</h3>
            <p><LocaleCopy copy={item.summary} /></p>
            <p><LocaleCopy copy={item.significance} /></p>
            <a href={item.href} target="_blank" rel="noreferrer">{item.sourceLabel}</a>
          </article>
        ))}
      </aside>
    </section>

    <section id="rights-network" class="container norway-network">
      <div class="section-header">
        <div class="section-header__title">Rights Network</div>
        <div class="section-header__meta">
          Different tones, different methods, one shared insistence that family continuity and
          parental dignity should not be treated as optional.
        </div>
      </div>

      <div class="norway-network__grid">
        {norwayOrganizations.map((organization) => (
          <a class="norway-network__card" href={organization.href} target="_blank" rel="noreferrer">
            <span><LocaleCopy copy={organization.strap} /></span>
            <strong>{organization.name}</strong>
            <p><LocaleCopy copy={organization.summary} /></p>
          </a>
        ))}
      </div>
    </section>

    <section class="container source-block">
      <div class="section-header">
        <div class="section-header__title">Source Credits</div>
        <div class="section-header__meta">
          This desk separates advocacy framing from court material. Rights-group positions are
          credited to the organizations themselves, while the legal analysis is anchored to official
          ECHR sources.
        </div>
      </div>

      <div class="source-list">
        {norwaySources.map((source) => (
          <article>
            <a href={source.href} target="_blank" rel="noreferrer">{source.label}</a>
            <p>{source.note}</p>
          </article>
        ))}
      </div>
    </section>
  </main>
</BaseLayout>
