---
import { listYearsWithRanges } from "@utils/datetime";
import type { Props as BaseProps } from "../CopyrightNotice.astro";
interface Props extends BaseProps {}

const { years, holders } = Astro.props;
const firstYear = Math.min(...years);
const lastYears = years.sort((a, b) => a - b).slice(1);
---

<footer itemprop="copyrightNotice">
  <p>
    <small>
      Copyright © <span itemprop="copyrightYear">{firstYear}</span>, {
        listYearsWithRanges(lastYears, {
          list: { type: "unit", style: "narrow" },
          locale: "en",
        }).replace(/^\d+/, "")
      }

      {
        holders.map(({ name, url, email }) => {
          if (name === undefined) return undefined;

          const website = url?.[0];

          return (
          <span
            itemprop="copyrightHolder"
            itemscope
            itemtype="https://schema.org/Person"
          >{
              website !== undefined ? (
                <a
                  itemprop="url"
                  rel="author external noreferrer"
                  target="_blank"
                  href={website}
                  content={website}
                ><span itemprop="name">{name}</span></a>
              ) : <span itemprop="name">{name}</span>
            }
            {
              email !== undefined && (
                <>&lt;<a
                    itemprop="email"
                    rel="author external noreferrer"
                    target="_blank"
                    href={`mailto:${email}`}
                  >{email}</a>&gt;</>
              )
            }</span>
        );
        })
      }
    </small>
  </p>
  <p>
    <small>
      This work is free. You can redistribute it and/or modify it under the
      terms of the Do What The Fuck You Want To Public License, Version 2, as
      published by Sam Hocevar. See <a
        itemprop="license"
        href="http://www.wtfpl.net/"
        rel="license noreferrer"
        target="_blank"
      >http://www.wtfpl.net/</a> for more details.
    </small>
  </p>
</footer>