---
import Date from "@components/organisms/Date.astro";
import { gitDir } from "@lib/git";
import type { Commit } from "@lib/git/types";
import { toIso8601Full } from "@utils/datetime";

type Props = { commit: Commit; lang: string };

const dir = await gitDir();
const { hash, files, author, committer, signature } = Astro.props.commit;
---

<section>
  <h2 class="sr-only">Commit do git</h2>
  <details>
    <summary>
      Informações sobre o último commit que modificou ficheiros relacionados a
      este blog post:
    </summary>
    <dl class="divider">
      <dt>Hash</dt>
      <dd><samp title={hash.long}>0x{hash.short.toUpperCase()}</samp></dd>
      <dt>Ficheiros modificados</dt>
      {
        files.length > 0
          ? files.map((file) => (
          <dd><samp>{file.path.pathname.replace(dir.pathname, "")}</samp></dd>
        ))
        : <dd>Nenhum ficheiro modificado</dd>
      }
      <dt>
        Autor (<Date
          date={author.date}
          locales={Astro.props.lang}
          options={{ dateStyle: "short", timeStyle: "short" }}
        />)
      </dt>
      <dd>
        {author.name} &lt;<a href={`mailto:${author.email}`}>{
          author.email
        }</a>&gt;
      </dd>
      <dt>
        Commiter (<Date
          date={committer.date}
          locales={Astro.props.lang}
          options={{ dateStyle: "short", timeStyle: "short" }}
        />)
      </dt>
      <dd>
        {committer.name} &lt;<a href={`mailto:${committer.email}`}>{
          committer.email
        }</a>&gt;
      </dd>
      {
        signature &&
  (
          <dt>Assinatura do commit</dt>
          <dd>
            <dl>
              <dt>Tipo</dt>
              <dd><samp>{signature.type}</samp></dd>
              <dt>Assinante</dt>
              <dd>{signature.signer}</dd>
              <dt>Fingerprint da chave</dt>
              <dd><samp>0x{signature.key.short}</samp></dd>
            </dl>
          </dd>
        )
      }
    </dl>
  </details>
</section>

<style>
  section {
    font-size: smaller;
  }

  dl {
    margin-block: 0;
  }

  details {
    padding-block: 1rem;
  }
</style>