{{template "base" .}} {{define "title"}}Administration{{end}} {{define
"header"}}
<a href="./admin">Administration</a>
{{end}} {{define "content"}}
<div class="w-full flex flex-col md:flex-row gap-4">
  <div>
    <div
      class="flex flex-col p-4 items-center rounded shadow-lg md:w-60 lg:w-80 bg-white dark:bg-gray-700 text-gray-500 dark:text-white"
    >
      {{ template "svg/user" (dict "Size" 60) }}
      <p class="text-lg">{{ .Authorization.UserName }}</p>
    </div>
  </div>

  <div class="flex flex-col gap-4 grow">
    <div
      class="flex flex-col gap-2 grow p-4 rounded shadow-lg bg-white dark:bg-gray-700 text-gray-500 dark:text-white"
    >
      <p class="text-lg font-semibold mb-2">Import Documents</p>
      <form class="flex gap-4 flex-col" action="./admin" method="POST">
        <input type="text" name="action" value="IMPORT" class="hidden" />
        <div class="flex gap-4">
          <div class="flex grow relative">
            <span
              class="inline-flex items-center px-3 border-t bg-white border-l border-b border-gray-300 text-gray-500 shadow-sm text-sm"
            >
              {{ template "svg/import" (dict "Size" 15) }}
            </span>
            <input
              type="text"
              name="import_directory"
              class="flex-1 appearance-none rounded-none border border-gray-300 w-full py-2 px-4 bg-white text-gray-700 placeholder-gray-400 shadow-sm text-base focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-transparent"
              placeholder="Directory"
            />
          </div>
          <div class="flex flex-col mr-4">
            <div class="inline-flex gap-2">
              <input
                checked
                type="radio"
                id="copy"
                name="import_type"
                value="COPY"
              />
              <label for="copy"> Copy</label>
            </div>
            <div class="inline-flex gap-2">
              <input
                type="radio"
                id="direct"
                name="import_type"
                value="DIRECT"
              />
              <label for="direct"> Direct</label>
            </div>
          </div>
        </div>
        <button
          type="submit"
          class="px-10 py-2 text-base font-semibold text-center text-white transition duration-200 ease-in bg-black shadow-md hover:text-black hover:bg-white focus:outline-none focus:ring-2"
        >
          <span class="w-full">Import Directory</span>
        </button>
      </form>
      {{ if .PasswordErrorMessage }}
      <span class="text-red-400 text-xs">{{ .PasswordErrorMessage }}</span>
      {{ else if .PasswordMessage }}
      <span class="text-green-400 text-xs">{{ .PasswordMessage }}</span>
      {{ end }}
    </div>

    <div
      class="flex flex-col gap-2 grow p-4 rounded shadow-lg bg-white dark:bg-gray-700 text-gray-500 dark:text-white"
    >
      <p class="text-lg font-semibold mb-2">Backup & Restore</p>
      <div class="flex flex-col gap-4">
        <form class="flex justify-between" action="./admin" method="POST">
          <input type="text" name="action" value="BACKUP" class="hidden" />
          <div class="flex gap-8 items-center">
            <div>
              <input
                type="checkbox"
                id="backup_covers"
                name="backup_types"
                value="COVERS"
              />
              <label for="backup_covers"> Covers</label>
            </div>
            <div>
              <input
                type="checkbox"
                id="backup_documents"
                name="backup_types"
                value="DOCUMENTS"
              />
              <label for="backup_documents"> Documents</label>
            </div>
          </div>
          <button
            type="submit"
            class="w-40 px-10 py-2 text-base font-semibold text-center text-white transition duration-200 ease-in bg-black shadow-md hover:text-black hover:bg-white focus:outline-none focus:ring-2"
          >
            <span class="w-full">Backup</span>
          </button>
        </form>
        <form
          method="POST"
          enctype="multipart/form-data"
          action="./admin"
          class="flex justify-between grow"
        >
          <input type="text" name="action" value="RESTORE" class="hidden" />
          <div class="flex items-center w-1/2">
            <input
              type="file"
              accept=".zip"
              name="restore_file"
              class="w-full"
            />
          </div>
          <button
            type="submit"
            class="w-40 px-10 py-2 text-base font-semibold text-center text-white transition duration-200 ease-in bg-black shadow-md hover:text-black hover:bg-white focus:outline-none focus:ring-2"
          >
            <span class="w-full">Restore</span>
          </button>
        </form>
      </div>
      {{ if .PasswordErrorMessage }}
      <span class="text-red-400 text-xs">{{ .PasswordErrorMessage }}</span>
      {{ else if .PasswordMessage }}
      <span class="text-green-400 text-xs">{{ .PasswordMessage }}</span>
      {{ end }}
    </div>

    <div
      class="flex flex-col grow p-4 rounded shadow-lg bg-white dark:bg-gray-700 text-gray-500 dark:text-white"
    >
      <p class="text-lg font-semibold">Tasks</p>
      <table class="min-w-full bg-white dark:bg-gray-700 text-sm">
        <tbody class="text-black dark:text-white">
          <tr>
            <td class="pl-0">
              <p>Metadata Matching</p>
            </td>
            <td class="py-2 float-right">
              <form action="./admin" method="POST">
                <input
                  type="text"
                  name="action"
                  value="METADATA_MATCH"
                  class="hidden"
                />
                <button
                  type="submit"
                  class="w-40 px-10 py-2 text-base font-semibold text-center text-white transition duration-200 ease-in bg-black shadow-md hover:text-black hover:bg-white focus:outline-none focus:ring-2"
                >
                  <span class="w-full">Run</span>
                </button>
              </form>
            </td>
          </tr>

          <tr>
            <td>
              <p>Logs</p>
            </td>
            <td class="py-2 float-right">
              <a
                href="./admin/logs"
                target="_blank"
                class="inline-block w-40 px-10 py-2 text-base font-semibold text-center text-white transition duration-200 ease-in bg-black shadow-md hover:text-black hover:bg-white focus:outline-none focus:ring-2"
              >
                <span class="w-full">View</span>
              </a>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
{{end}}