import Caprover, { Application } from "../services/Caprover";
import DockerHub from "../services/DockerHub";
import Layout, { html } from "../ui/Layout";

const UpdateForm = (application: Application, latestVersions: string[]) => {
  // sort by number of "dots" in the version to have the most specific version first
  latestVersions.sort((a, b) => {
    return b.split(".").length - a.split(".").length;
  });

  return html`<form method="POST">
    <input type="hidden" name="appName" value="${application.name}" />
    <select name="version">
      ${latestVersions.map((version) => {
        return html`<option value="${version}">${version}</option>`;
      })}
    </select>
    <button type="submit">Update</button>
  </form>`;
};

const Page = (application: Application, latestVersions: string[]) => {
  return html`<div>
    <h1>Updating ${application.name}</h1>

    <dl>
      <dt>Last deployment</dt>
      <dd>${application.lastDeployedAt.toLocaleString("fr-FR")}</dd>

      <dt>Current version</dt>
      <dd>
        ${application.dockerImage
          ? `<img height="32" width="32" src="https://cdn.simpleicons.org/docker" alt="Docker hub"/> <a href="${application.dockerImage.hubUrl}/tags">
            ${application.dockerImage.name}:${application.dockerImage.tag}
          </a>`
          : `<code>${application.imageName}</code>… check yourself!`}
      </dd>

      <dt>Latest versions</dt>
      <dd>
        ${latestVersions.length === 0
          ? "No version found"
          : UpdateForm(application, latestVersions)}
      </dd>
    </dl>
  </div>`;
};

export default async (
  req: Request,
  caprover: Caprover,
  dockerHub: DockerHub
): Promise<Response> => {
  if (req.method === "POST") {
    const body = await req.formData();
    console.log("TODO Implement application update", [...body.entries()]);
    throw new Error("Not implemented");
  }

  const applications = await caprover.getApps();

  const appToUpdate = applications
    .filter((app) => {
      // can we help to update this app?
      return app.dockerImage;
    })
    .find((app) => app.isOlderThan(30));

  if (!appToUpdate) {
    return new Response(Layout(html`<h1>No application to update 🎉</h1>`), {
      headers: { "Content-Type": "text/html" },
    });
  }

  const latestVersions = await dockerHub.getLatestVersions(
    appToUpdate.dockerImage!.name
  );

  return new Response(Layout(Page(appToUpdate, latestVersions)), {
    headers: { "Content-Type": "text/html" },
  });
};